Feature Box title hover modification - EcoPro

[charakad 0]

Hi, Please help me with css for this hover modification. I need to remove underline and use a color instead. (please note that underline appears only on Chrome and IE 9). http://www.lakma.com.au/ Feature Box Title (Banana tea) Thank you Charaka

[timlinson 3]

I'm not seeing what you describe when I test in chrome and ie9. It turns lime green on hover.. no underlines.

[charakad 0]

Thanks Tim, Please screenshot http://awesomescreenshot.com/092f0sgbb It comes as underline on hover Thanks Charaka

[catrina 103]

Add this CSS to your Custom Code area or the base.css file in the child theme:

div.fboxtitle a:hover {text-decoration: none; color: #YOURCOLORHERE;}

[charakad 0]

Thank you Catrina, But color does not come. I put the code to the custom code section. Thank you

[catrina 103]

Does the underline disappear, though? Try adding the code to the base.css file in the child theme.

[charakad 0]

Underline disappears. I do not have a child theme. Do you want me to create a one. Please give me some guidance. Thank you

[catrina 103]

Ah, I thought you were using PlatformPro. Okay, try this CSS instead of the other one:

div.fboxtitle h3 a:hover {text-decoration: none; color: #YOURCOLORHERE;}

Replace the color with your hex code.

[charakad 0]

Thanks Catrina, But it did not work either.

[timlinson 3]

This works for me. 1st rule gets rid of the underline, 2nd rule changes the color: ` .fboxes .fbox .fboxtitle a:hover {text-decoration:none} .fboxes .fbox .fboxtitle a:hover h3 {color:#123456} `

[charakad 0]

Thank you, Tim and Catrina too Works beautifully.