Genesis Page Background

[glabelle]

I'm using Genesis with Winning Agent Pro Child Theme.
I want to have a background on my home page but content will not show up.
Any way I can have a partially transparent or white background that will allow the content to be read?
I tried white text but that doesn't show up well enough.

http://tahoesecondhome.com

[glabelle]

I also have a problem with my IDX Search formatting - but, I will get my IDX provider to help me with this.

[cdils]

Hi there,

You could add a transparent background to this element where the first three number sets correspond to an RGB color value (white, in this example) and the .8 refers to the percent opacity (1 is solid, 0 is transparent):

.site-inner .wrap {
background-color: rgba(255,255,255,.8)
}

If you only wanted this on the home page and not other pages, just add .home at the beginning, like this:

.home .site-inner . wrap

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂

I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

[glabelle]

Carrie, worked like a charm. I'm a newbie when it comes to modifying CSS - my experience to date has been mostly with HTML and not much CSS. If I did modify CSS I would tweak the "View Page Source" code to see what code changes did what. This time, armed with your code, I found and used the Appearance/Modify CSS section in Genesis. So my site is now updated with your suggested change.

Thanks for your help!

[Author]

Posts