Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 6, 2016 at 10:39 pm #86907
    Robert
    Participant

    Hi!

    How can I change the color of my menu, menu text and background.

    Thanks!

    March 7, 2016 at 3:04 pm #86945
    Pratik
    Participant

    Hi @Sziszi,

    Your theme is Simple Catch rather than Catch Base.

    To change the color of my menu, menu text and background, Appearance=> Customize=> Theme Options => Custom CSS box:

    
#header #mainmenu ul li a {
    background-color: #dd3333; /* Menu Background Color */
    color: #ffffff; /* Menu Text Color */
}

    You can change the hex values of color to any ones you like.

    If you upgrade to pro version, you will have these options as you will be able to choose them via color picker.

    Regards,
    Pratik

    March 7, 2016 at 3:33 pm #86952
    Robert
    Participant

    Hi!

    I’m sorry again, for mixed up the two themes.

    The code worked perfect, thanks!

    Sziszi

    March 7, 2016 at 3:49 pm #86957
    Robert
    Participant

    Hi!

    How can I change the opend menu gray color, and hover black color?

    http://kertvarosi-iskola.hu

    Thanks!

    Sziszi

    March 7, 2016 at 3:57 pm #86958
    Pratik
    Participant

    Hi @Sziszi,

    For opened menu and hover color, use following code:

    
#header #mainmenu ul li a:hover, #header #mainmenu ul li.current-menu-item a, #header #mainmenu ul li.current-menu-parent a, #header #mainmenu ul li.current_page_item a, #header #mainmenu ul li.current_page_ancestor a, #header #mainmenu ul li:hover > a
{
    background-color: #dd3333; /* Menu Background Color */
    color: #ffffff; /* Menu Text Color */
}

    Change hex values to any color you want.

    Regards,
    Pratik

    March 7, 2016 at 4:07 pm #86962
    Robert
    Participant

    Hi!

    Thanks, but menu item color still gray and menu hove still black.

    Sziszi

    March 7, 2016 at 5:00 pm #86967
    Robert
    Participant

    My url changed: http://uj.kertvarosi-iskola.hu

    March 8, 2016 at 10:14 am #87019
    Pratik
    Participant

    HI @Sziszi,

    The menu hover and current item color is the one you have added via CSS. It has changed. Can you confirm it, or is there still an issue?

    Regards,
    Pratik

    March 8, 2016 at 2:04 pm #87046
    Robert
    Participant

    Hi!

    I want to chang the gray menu item color and the black color. if it is possible.

    http://www.kertvarosi-iskola.hu/menu.png

    Thanks!

    March 8, 2016 at 2:39 pm #87048
    Mahesh
    Participant

    Hi @sziszi,

    For changing the menu item color and background color, add the following CSS:

    #header #mainmenu ul li ul li a:hover, #header #mainmenu ul li ul li:hover > a {
  	background-color: #008000;
}
#header #mainmenu ul li ul li a {
    color: #0000ff;
}

    Note: Please change the color hex value as desired.

    Regards,
    Mahesh

    March 8, 2016 at 2:51 pm #87049
    Robert
    Participant

    Hi!

    Great, works perfect!

    Thank you!
    Sziszi

    March 8, 2016 at 4:35 pm #87064
    Mahesh
    Participant

    Hi @sziszi,

    Thank you for your appreciation.
    Have a nice day!

    Regards,
    Mahesh

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Menu text and background color’ is closed to new replies.