Jump to content
Sign in to follow this  
charakad

Feature Box title hover modification - EcoPro

Recommended Posts

charakad

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

Share this post


Link to post
Share on other sites
timlinson

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

Share this post


Link to post
Share on other sites
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
charakad

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

Share this post


Link to post
Share on other sites
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
charakad

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

Share this post


Link to post
Share on other sites
catrina

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.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
charakad

Thanks Catrina, But it did not work either.

Share this post


Link to post
Share on other sites
timlinson

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} `

Share this post


Link to post
Share on other sites
charakad

Thank you, Tim and Catrina too Works beautifully.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×