[Cluso99Participant]

First, I am enjoying X Theme. Still have a long way to go to master it.

I would like my Page background image to be the whole page and behind the header and footer. Currently the section etc are not transparent allowing the background to show through.

How do I achieve this?

Thanks,
Ray

[Cluso99Participant]

This reply has been marked as private.

[Cluso99Participant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.site {
    background: transparent;
}

Hope it helps 🙂

[Cluso99Participant]

Thanks, but this wasn’t the effect I was after.

I didn’t want the background to show through the header or footer. I thought the header/footer background color would override this.

I tried .body and .section to see if this would work but neither achieved the effect I was after. I want the main section(s) of the pages to have the background the same as the outer sides.

BTW the editor for the custom css is terrible! The cursor keeps returning to the top of the edit page while you are entering code.

Thanks, Ray

[Rue NelModerator]

Hello Ray,

Thanks for updating in! Do you want something like this? http://prntscr.com/ene9ws
If that is the case, the given custom css could help. And if this is not what you are after, would you mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[Cluso99Participant]

Hi Rue Nel,
Yes, that’s the effect I am after. When I entered the custom css above, the background also showed through to the header and footer to a lesser extent.
With that custom css, I would need to make the header and footer background color block the .site background image. i.e. make the headerand footer opaque.
Thanks, Ray

[Paul RModerator]

Hi Ray,

I went ahead and added the code.

http://www.clusos.com/

The Header and Footer remains opaque.

Please check in your end.

Thanks

[Cluso99Participant]

Fantastic. Thanks Paul.
Regards, Ray

[RahulModerator]

Glad we could help you out.

Let us know if we can help with anything else.

Thank you.

[Cluso99Participant]

For others, the CSS code added was

.section-1 {
background: transparent;
}

BTW: Paul, thanks for fixing the logo/text header 🙂

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts