Conditional Header Widget Wrap?

[zshornick]

Hey Everyone,

I have a conditional body class for my front page, but have noticed that I cannot attribute that to the header widget wrap. Currently, I am trying to modify Agency Pro so that any page that isn't the front page looks like the Sixteen Nine theme.

Here is the link to my test sites:
Front Page - http://clients.impulsemediastudio.com/cubeensemble/
Inner Page - http://clients.impulsemediastudio.com/cubeensemble/about/

Everything was working great via CSS, but I cannot figure out how to use the custom body class on the generated header widget wrap.

The CSS class for the wrap is .site-header .widget-area and the conditional body class is .frontHeader but no matter how I structure the CSS, the widget class within the "aside" is "widget-area header-widget-area"

Does anyone have any ideas? I would GREATLY appreciate it!

Thanks,
Zack

http://clients.impulsemediastudio.com/cubeensemble/

[David Chu]

That's an attractive design you've got going there! I'm actually doing a similar scrolling fade thingie on a site I have in progress.

I'm not absolutely sure I follow your question, but I just successfully tested a bit of code that does affect that area using your body class. I just stuck a border around it. I guess it depends on what you want to do.

.frontHeader .widget-wrap {
    border: 1px solid #FF0000;
}

That affects all the widget-wraps in the header, but adding more specific commands you could just target one, such as with

.frontHeader .widget_nav_menu .widget-wrap

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts