[resolved] changing menu highlights colors (8 posts)

  1. avava
    Posted 1 year 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.

  2. egrucza
    Posted 1 year ago #

    Could you please post a link to your site?

  3. avava
    Posted 1 year ago #

    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

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

  4. egrucza
    Posted 1 year ago #

    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.

  5. avava
    Posted 1 year ago #

    Excellent! Thanks!

  6. d1productions
    Posted 1 year ago #

    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.

  7. Fergoo360
    Posted 1 year ago #

    For the lazy way use this plugin https://wordpress.org/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 http://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 http://html-color-codes.info/ always come in handy for lots of colors to suit your themes

  8. IamRJO
    Posted 1 year ago #

    @egrucza you are the awesomest...er!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic