- This topic has 16 replies, 4 voices, and was last updated 11 years, 1 month ago by
udisa.
-
AuthorPosts
-
March 21, 2013 at 8:54 pm #5556
Anne-Pia
MemberI have the home page http://tekstiltrolden.dk and I´m really happy for my theme, but I want to change some colors on it.
I would like to change the color of my primary and secondary menu bar, but I can´t figure out how I do it ?
I would also like to change the size on my header so it could be higher, where can I change the ?
I hope you can help me
Sorry my english it is not the best, but I hope you understand me 😉
Best regards
Anne-Pia Hansen
March 21, 2013 at 10:29 pm #5587Sakin
Keymaster@Tekstiltrold: Yes you can change with the help of css. Add the following CSS in “Custom CSS” box in your Theme Options panel. Change the color code as per you need.
/* For Primary Menu */
#branding #access { background: none #009; }
/* For Secondary Menu */
#access-secondary { background-color: #39C; }
March 21, 2013 at 10:51 pm #5593Anne-Pia
MemberThank you very much Sakin
Have can I change the size on my header, so it gets higher ?
I you have time, you could look on my home page, http://tekstiltrolden.dk and then you will see that the text is too high in relation to the header, and I would really like to change it ?
Hope you understand what I mean
March 22, 2013 at 12:02 am #5607Sakin
Keymaster@Tekstiltrold: You can just increase the padding by adding the following CSS in Theme Options panel
#header-content { padding: 4em 0; }
March 22, 2013 at 12:12 am #5611Anne-Pia
MemberThank you so much Sakin
It looks much better now 😉
July 11, 2013 at 8:58 am #11671GlennClosson
MemberI have been trying to change the color of the menu bar and used all the recomendations you have made and none of them make anything change. All the other CSS codes I have done have worked, but for some reason none of the menu bar codes have worked. Is there anything I should look at to make sure they will be working? I just want to either make it clear our change it to a lighter color.
Thanks!
July 11, 2013 at 9:06 am #11673GlennClosson
MemberOk, well I figured out how to make the menubackground clear with:
#header #mainmenu { background: none ; }
Now is there a way to get rid of the outline and change the text color to make it easier to see?
Thanks!
July 11, 2013 at 4:04 pm #11682Sakin
Keymaster@GlennClosson: I need to know which theme are you using and how are you using it. So, best will be to share your site URL. So, that I can check in your site and send you the css code.
July 11, 2013 at 11:32 pm #11708GlennClosson
MemberThe site is: wwww.beachcitybrewery.com
I currently have Coming Soon Mode activated. Do I need to turn that off?
I am using the Simple Catch theme.Thanks!
July 11, 2013 at 11:39 pm #11709Sakin
Keymaster@GlennClosson: Use the following css.
/* To Remove the Border in the menu */ #header #mainmenu, #header #mainmenu ul li { border: none; } /* Menu Text Color */ #header #mainmenu ul li a { color: #444; }
July 11, 2013 at 11:52 pm #11710GlennClosson
MemberAwesome! Is there a way to change the background color for when the link is selected in the menu bar? I changed the text to yellow, so maybe a light blue box background.
Thanks!
July 12, 2013 at 12:06 am #11713Sakin
Keymaster@GlennClosson: Change the background color and text color as per you need.
#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: #444; color: #fff; }
July 12, 2013 at 12:15 am #11714GlennClosson
MemberI owe you many beers!
July 12, 2013 at 12:31 am #11717Sakin
Keymaster@GlennClosson: Thanks feel free to donate, which will be used for the development for free themes.
July 15, 2013 at 4:39 am #11818udisa
MemberHi,
This is my playground at the moment http://www.mytoyz.co.il/
I’m having problem with the “Footer Area One/Two/Three” widgets.
they all should be positioned in a single row, but the last widgets breaks and move the a new row.
It is also happens when using only “Footer Area One+Two”.Thanks for helping
Udi
July 15, 2013 at 11:06 am #11827Sakin
Keymaster@udisa: Thanks for reporting CSS issue. We will fixed it in next version. For now, you cn add the following css in “Appearance => Theme Options => Custom CSS” box.
@media screen and (min-width: 961px) { /* Two Footer Widget Areas */ #supplementary.two .widget-area { margin-left: 3%; } /* Three Footer Widget Areas */ #supplementary.three .widget-area { margin-left: 3%; } }
July 16, 2013 at 2:28 am #11878udisa
Member@Sakin Thanks! it worked 🙂
-
AuthorPosts
- The topic ‘Header size and menu bar color’ is closed to new replies.