Help needed for CSS modifications...

[ButikVille]

Hi Friends,

 

Please find below link to my site... 

 

https://goo.gl/vARG6x

 

• I wanted to customize the menu so that for each menu hover the colour should be different.... For example currently it's pink for all, I want to make it blue/green for 3rd menu... 
• In Menu item Women, I want to change the color of Headings like "Designer Suits" to different colors. I tried couple of solutions posted in some threads but couldn't achieve what I wanted.. 
• Thirdly I need your expert advice for modifying the header part of my site... basically it'll be a clothing site for men and women.

Kindly help.

 

Thanks

[ButikVille]

Is there noone here to help...   

[Leonic]

• I wanted to customize the menu so that for each menu hover the colour should be different.... For example currently it's pink for all, I want to make it blue/green for 3rd menu... 

 

 

 

You can use the following CSS command. The 3 stands for the third li-element. Click here to find out more: https://www.w3schools.com/cssref/sel_nth-child.asp

.wt-menu-horizontal ul li.level-1:nth-child(3):hover > a{background:#FFF;}

 

• In Menu item Women, I want to change the color of Headings like "Designer Suits" to different colors. I tried couple of solutions posted in some threads but couldn't achieve what I wanted.. 

 

Here you can change the front.css in line 17.

.wt-menu-horizontal ul li.item-header a {color:#FFF !important;}

The !important after the color is important because you have another CSS file that changes the color.

The #FFF can, of course, be replaced by any other color.

 

Many greetings from Germany

Leon

[ButikVille]

Many Many thanks for your reply Leon... I'll check this and get back if I face any issues.

 

 

Greetings from India

Jags