Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • April 29, 2013 at 5:31 am #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

    April 29, 2013 at 5:15 pm #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;
    }

    April 29, 2013 at 7:20 pm #8003
    impresnet
    Member

    Thank you very much.

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

    April 29, 2013 at 10:05 pm #8018
    Sakin
    Keymaster

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

    May 2, 2013 at 11:11 pm #8308
    impresnet
    Member

    Thank you.

    It is possible to decrease the space between paragraphs

    May 3, 2013 at 11:45 pm #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.

    May 4, 2013 at 5:40 am #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?

    May 4, 2013 at 12:01 pm #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; } }

    May 5, 2013 at 7:57 am #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

    May 5, 2013 at 11:19 pm #8485
    Sakin
    Keymaster

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

    May 6, 2013 at 7:14 am #8503
    impresnet
    Member

    Thank you very much.

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

    May 6, 2013 at 11:40 am #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.

    May 8, 2013 at 3:20 am #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!!

    May 9, 2013 at 12:04 am #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; }

    May 9, 2013 at 1:09 am #8635
    kirsten0203
    Member

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

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