- This topic has 14 replies, 3 voices, and was last updated 11 years, 4 months ago by kirsten0203.
-
AuthorPosts
-
April 29, 2013 at 5:31 am #7963impresnetMember
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 #7981SakinKeymaster@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 #8003impresnetMemberThank you very much.
Is it possible to change the color of the word of the menu?
April 29, 2013 at 10:05 pm #8018SakinKeymaster@impresnet: You can just add the color in that css.
#header-menu ul.menu a { color: #000; }
May 2, 2013 at 11:11 pm #8308impresnetMemberThank you.
It is possible to decrease the space between paragraphs
May 3, 2013 at 11:45 pm #8383SakinKeymaster@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 #8411impresnetMemberWhat 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 #8434SakinKeymaster@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 #8471impresnetMemberThank 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 #8485SakinKeymaster@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 #8503impresnetMemberThank you very much.
But, and this error: http://i43.tinypic.com/2zz6jbb.jpg
May 6, 2013 at 11:40 am #8508SakinKeymaster@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 #8589kirsten0203MemberHello, 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 #8631SakinKeymaster@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 #8635kirsten0203MemberThank you so much for your help!! Worked perfectly. 🙂
-
AuthorPosts
- The topic ‘Change the color of the menus.’ is closed to new replies.