[Anne-Pia]

I 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

 

[Sakin]

@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; }


[Anne-Pia]

Thank 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

 

[Sakin]

@Tekstiltrold: You can just increase the padding by adding the following CSS in Theme Options panel
#header-content { padding: 4em 0; }

[Anne-Pia]

Thank you so much Sakin

It looks much better now 😉

 

[GlennClosson]

I 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!

[GlennClosson]

Ok, 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!

[Sakin]

@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.

[GlennClosson]

The 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!

[Sakin]

@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; }

[GlennClosson]

Awesome! 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!

[Sakin]

@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;
}

[GlennClosson]

I owe you many beers!

[Sakin]

@GlennClosson: Thanks feel free to donate, which will be used for the development for free themes.

[udisa]

Hi,
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

[Sakin]

@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%; }
}

[udisa]

@Sakin Thanks! it worked 🙂

[Author]

Posts