changing menu highlights colors

  • Resolved avava

    (@avava)


    11 years, 2 months ago

    Wondering if anyone has managed to work around this yet (I’m sure someone has). Is it possible to change the current page button color on the menu? The default is a light blue that doesn’t work well with the other colors I am working with for our project website.

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

  • Could you please post a link to your site?

    Thread Starter avava

    (@avava)

    Unfortunately I cannot as it’s a project at the nonprofit I’m working at and we haven’t launched yet. The demo site is much like ours though
    https://demos.bavotasan.com/tonic-pro/category/post-formats/

    You can see the blue in the menu that I’m speaking of there.

    You can change the color using CSS. You will want to make a child theme, or use a custom CSS plugin though (otherwise your changes will be lost when you update).

    It looks like the code for the blue is 

    .nav li.current-menu-item > a, .nav li.current-menu-parent > a {
  color: #fff;
  text-shadow: none;
  background-color: #428bca;
}

    If you use a custom CSS plugin, you should be able to just copy and paste that code. You can then change the value where it says background-color to what ever hex-value you’d like.

    Thread Starter avava

    (@avava)

    Excellent! Thanks!

    d1productions

    (@d1productions)

    hello
    That last post helped me out but I would like to change the default background color on the buitl-in twitter bootstrap buttons as well as the jumbo headline button color (both are a blue color right now and I need them to be a green. This geen actually #007336.
    Thanks!

    For the lazy way use this plugin https://www.ads-software.com/plugins/text-selection-color/ its low rating but it does its job and saves time to changed the highlight’s for your site no need for messing around with or in the Edit or HTML way of your site it worked for https://fergoo.com/

    & also you can stop the White Flash During Page Transitions in Google Chrome by putting this in your HEADER
    Under this <!DOCTYPE html>
    Easy to find near the top ??
    put this under neath it
    <html style=”background-color: #000000;”>

    Also here is a HTML Color finder https://html-color-codes.info/ always come in handy for lots of colors to suit your themes

    @egrucza you are the awesomest…er!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘changing menu highlights colors’ is closed to new replies.