Okay
  Public Ticket #2907713
Changing Colors & Link Size
Closed

Comments

  • Chad Hardy started the conversation

    I want to change the colors of the "highlights". I know they are pink and orange right now. I have added black as "highlight3" in my additional css but would like to remove the highlight1 and highlight2 as pink and orange if possible. 

    Also, when I link the phone number in the header it shrinks the text size down and I would like for it to stay the same size.

  • Chad Hardy replied

    I also want to change the color of the menu and the dots between each page names. Right now it is pink and orange but I would like to have the ability to change that.

  •  1,626
    Andrey replied

    Hello, Dear Chad Hardy!

    To change the colors for menu and dot, please click WP Dashboard => Appearance => Customize => Additional CSS and paste this code here:

    .header_white .sf-menu > li.current-menu-item > a, .header_white .sf-menu > li.current-page-ancestor > a, .header_white .sf-menu > li.active > a, .header_white .sf-menu > li.sfHover > a {
        color: #109500;
    }
    .dotted_items .sf-menu > li + li:before {
        background-color: #d46bff;    
    }
    .header_white .sf-menu > li > a {
        color: #89e3df;
    }
    .header_white .sf-menu > li > a:hover {
        color: #ffe000;
    }
    

    Adopt colors in code according to your needs and save changes.

    Best Regards!