Change background color for specific pages?

  • I’d like to change the nav menu background-color when scrolling to different sections of my homepage. The sections are pages, which I set-up as widgets under Homepage. I have the scoll-to-id plugin, too.

    My nav menu background color is transparent with white text. Looks great on a page with a dark image.

    But, some of my pages have a white background, so the white text becomes invisible.

    I’d like to specify via CSS a different nav bar background-color, like #0003, for specific pages. Either that, or make the font color of logo and menu items change to black with a transparent background on specific pages.

    Here’s my current CSS:

    /* header background color */
    .wrapfixed > nav {
    background-color: transparent !important;
    }
    /* menu-item color */
    .navbar-collapse .navbar-nav > li > a{
    color: #fff;
    }

    One other little thing I noticed with background color is that I have a 2-second sticky transition time and slide effect enabled. Love that. But there’s a grey background which fades to transparent. I’d like to disable the grey and just have transparent. Not sure if the grey is coming from >Style >Sticky Background Color >#f4f4f4. Of course, there’s no hex value for transparent.

    This the Inspiro theme by WPZOOM. The class is: .navbar

    Thanks very much!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • 1) Changing color for different sections is not possible in current version, maybe change your text link color to be light grey…

    2) To remove black background color on transition change this inside custom.css (line 66):

    #mysticky-nav {
    height:77px;
    background-color: black;
}

    to

    #mysticky-nav {
    height:77px;
    background-color: transparent;
}

    Or try to simply add this to plugin CSS style field

    #mysticky-nav {
    background-color: transparent;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Change background color for specific pages?’ is closed to new replies.