Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #7963
    impresnet
    Member

    Dear.

    How I can change the color of the menus and sub ​​menus?

    My test page : http://www.impresnet.com/esc/EAO

    Bye

    #7981
    Sakin
    Keymaster

    @impresnet: The following is the list of CSS that you can add in “Appearance => Theme Options => Custom CSS” box. Change the color code as per your need.
    /* Menu Background */
    #header-menu { background-color: #3a3d41; }
    /* Sub Menu Background */
    #header-menu ul.menu ul a { background-color: #3a3d41; }
    /* Menu Hover Background */
    #header-menu ul.menu li:hover > a,
    #header-menu ul.menu a:focus {
    background-color: #2d2d2d;
    }
    /* Current Menu Background */
    #header-menu .menu .current-menu-item > a,
    #header-menu .menu .current-menu-ancestor > a,
    #header-menu .menu .current_page_item > a,
    #header-menu .menu .current_page_ancestor > a {
    background-color: #000;
    }

    #8003
    impresnet
    Member

    Thank you very much.

    Is it possible to change the color of the word of the menu?

    #8018
    Sakin
    Keymaster

    @impresnet: You can just add the color in that css.
    #header-menu ul.menu a { color: #000; }

    #8308
    impresnet
    Member

    Thank you.

    It is possible to decrease the space between paragraphs

    #8383
    Sakin
    Keymaster

    @impresnet: This is responsive theme so I don’t recommend you to change the space between paragraphs. If you adjust then you have to adjust all the way down to mibile devices.

    #8411
    impresnet
    Member

    What do you recommend?

    I find it excessive space between paragraphs (http://www.impresnet.com/esc/EAO/?p=25)

    Is there any way to modify it?

    #8434
    Sakin
    Keymaster

    @impresnet: Ok I will tell you how to modify only to the large screens. Just add the following css in “Appearance => Theme Options => Custom CSS” box.
    @media screen and (min-width: 1060px) { .hentry p { margin-bottom: 20px; } }

    #8471
    impresnet
    Member

    Thank you very much, it works in Firefox.

    However, in Internet Explorer 8 does not work, you will have to do with the update I’m waiting?

    This is the error: http://i43.tinypic.com/2zz6jbb.jpg

    #8485
    Sakin
    Keymaster

    @impresnet: IE8 doesn’t support min-width I guess. So just use as
    .hentry p { margin-bottom: 20px; }

    #8503
    impresnet
    Member

    Thank you very much.

    But, and this error: http://i43.tinypic.com/2zz6jbb.jpg

    #8508
    Sakin
    Keymaster

    @impresnet: This is IE error and will tell my developers to work on it if that can be solved. But you can just ignore this. This doesn’t do anything in browsing.

    #8589
    kirsten0203
    Member

    Hello, I followed your above instructions on changing my menu background color, I made it white, which made the text white on white. I was able to change the text color for the main menu items, but the second level in the drop down is still white, and not visible. Can you give me the css to change that text, please? My site is kendallwells.com/wp.

    Thank you so much for your assistance!!

    #8631
    Sakin
    Keymaster

    @kirsten0203: To change the text color of submenu. Just add the following CSS in “Appearance => Theme Options => Custom CSS” box. Change the color code as per your need.
    #header-menu ul.menu ul a { color: #fff; }

    #8635
    kirsten0203
    Member

    Thank you so much for your help!! Worked perfectly. 🙂

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Change the color of the menus.’ is closed to new replies.