Conditional Header Widget Wrap?

Community Forums Forums General Discussion Conditional Header Widget Wrap?

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  David Chu 2 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #72444


    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 –
    Inner Page –

    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!


    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 Chu ยท Custom WordPress Developer – likes collaborating with Designers

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.