[SOLVED] Change Menu "Popular", "New Product", etc background color and CMS Icon Color

[R124l]

Hi,

 

Kindly need your help, I want to change the background color of the menu that is contain "Popular", "New Arrival", "Best Seller", etc. I want to change the background color when selected and when mouse over it. currently the selected menu background color is black and mouse over background color is black, I want to change it to red like other menu in my web.

 

secondly, I want to change the color of content icon (see the picture attach).

 

Please help me, where I must change.

 

Thank you

 

[vekia]

hello

you can use theme configurator module (live configurator feature)

you can select color there

 

 

if you want to change colors manually in css,

you have to modify file: global.css

#home-page-tabs > li.active a, #home-page-tabs > li a:hover {
background: #333333;
color: white;
padding: 10px;
}

change background param

regarding to the icons,

the same file, code to change:

#cmsinfo_block em {
float: left;
width: 60px;
height: 60px;
margin: 3px 10px 0 0;
font-size: 30px;
color: white;
line-height: 60px;
text-align: center;
background: #6f6d6d;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

change background param too

[R124l]

Hi Vekia,

 

Ok, I will try both way. I will get back to you for the result.

 

Thank you

[R124l]

Hi Vekia,

 

I think I choose to change it manually so I can choose the color freely.

 

and the manual way that you show to me is working perfectly.

 

Thank you for your support.

[vekia]

Hi Vekia,

 

I think I choose to change it manually so I can choose the color freely.

 

and the manual way that you show to me is working perfectly.

 

Thank you for your support.

 

you're welcome :-)

glad that i could help with these two tiny css snippets

 

by the way, if you will change colors with live editor, you will need to change styles in selected colortype theme file.

 

 

i marked topic as solved,

 

with regards,

Milos