Help Background color of genesis featured page widget on home page

[krystyn]

I'm using a featured page widget on the home page (test site here), under the main image, I've got an about, contact (which is empty) and the portfolio.

I'd like the background of each to be different and full screen (like http://donnaylor.com/), but I'm stuck.

I've tried adding
#featured-page-3.widget{
background: #000000;}

as well as a div on the page with the background and neither is working.

Anybody have suggestions? It's using Agency Pro.

http://www.minifridgedigital.com/

[nutsandbolts]

Here's a tutorial (screenshots and video) that will show you how to find and change CSS elements with Chrome's Inspector: http://www.nutsandboltsmedia.com/how-to-customize-your-genesis-child-theme-with-chromes-inspector/

Edited to add: I just realized you may be using Inspector/Firebug already - I think you may be getting too specific. For example, if you assign a background color to .home-top, .home-middle, or .home-bottom that should work (though .home-middle and .home-bottom will need to be moved outside .site-inner to be full width).

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Author]

Posts