charakad 0 Report post Posted June 17, 2011 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 3 Report post Posted June 17, 2011 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
charakad 0 Report post Posted June 17, 2011 Thanks Tim, Please screenshot http://awesomescreenshot.com/092f0sgbb It comes as underline on hover Thanks Charaka Share this post Link to post Share on other sites
catrina 103 Report post Posted June 17, 2011 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 0 Report post Posted June 18, 2011 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 103 Report post Posted June 18, 2011 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 0 Report post Posted June 19, 2011 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 103 Report post Posted June 19, 2011 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 0 Report post Posted June 20, 2011 Thanks Catrina, But it did not work either. Share this post Link to post Share on other sites
timlinson 3 Report post Posted June 20, 2011 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 0 Report post Posted June 20, 2011 Thank you, Tim and Catrina too Works beautifully. Share this post Link to post Share on other sites