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 1 year ago.

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

    zshornick
    Participant
    Post count: 9

    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/
    #72487

    David Chu
    Participant
    Post count: 1395

    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.

    [css]
    .frontHeader .widget-wrap {
    border: 1px solid #FF0000;
    }[/css]

    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

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

You must be logged in to reply to this topic.