Florida Theme Nav Bar

  • Resolved Daniella Bocchino

    (@dannyzoneone)


    9 years, 9 months ago

    Hi,
    I am using the florida theme for my website. It is an useful theme but i am having Problems changing the color of the green underline indicating the active page on the top nav bar (from the lighter green to red). I have tried changing this in many different ways, i have tried creating custom css in the theme options as well as creating a child theme and writing new css in the child style sheet. Please Help if possible, im getting desperate.

    My site: https://www.zone3d.co.za

Viewing 4 replies - 1 through 4 (of 4 total)

  • Using a child theme here certainly seems like the correct way to go about this.

    The CSS rule controlling the green underline currently looks like this:

    #nav > li.current:after {
	background: #7cbc20;
}

    So you’d need to include a similar rule in your child theme’s CSS file to override it.

    If this isn’t working you could perhaps try a more specific CSS rule in your child theme’s CSS file, e.g.

    #nav > li.menu-item.current:after {
	background: #7cbc20;
}

    If this still isn’t working I’d double check that your child theme’s CSS is being enqueued properly by inspecting your menu item in a web inspector to see if the new CSS rule is being applied correctly.

    In addition, I’d also temporarily disable all caching plugins as this can also cause headaches when debugging CSS errors. Also ensure you clear your browser’s cache after every CSS change to see the new changes.

    Thread Starter Daniella Bocchino

    (@dannyzoneone)

    Awesome! Thank you so much for the help!
    I will give the Child theme CSS route a quick go.

    Thread Starter Daniella Bocchino

    (@dannyzoneone)

    Wow that worked perfectly!
    Thank you so much Chris that was exactly what i needed… a fresh set of eyes!
    The first CSS Rule didn’t work but The more specific rule worked perfectly `#nav > li.menu-item.current:after {
    background: #7cbc20;
    }`

    Thank you again ??

    No problem! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Florida Theme Nav Bar’ is closed to new replies.