Change color of sidebar Widget underline on Headings

Hello,
I would like to make the underline and hover in the sidebar widget match my theme colour instead of the orange that is there now. I have the Pro version. What can I do to change those elements?
Thanks! Rosy

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.sidebar ul li a:hover{
color:red;
}
.sidebar ul li a{
text-decoration:underline;
}

Inplace of "red" put your color code.

 

Hi again Gourav,
Thanks for the info. I did use the hover code below (to match my theme) in my css options - is there somewhere I can put this code in my child theme instead of using the css styling options?

.sidebar ul li a:hover{
color:#66b903;
}​

To change the widget heading underline/triangle I re-coloured the following 4 images from the theme images folder with the color:#66b903 and re-uploaded them to my site using my ftp software:

1. titlesep.png
2. titlesep-i.png
3. titlesep-ipad.png
4. titlesep-iphone.png

Thank you for your help!
Rosy

 

​

​

You can paste these code in the style.css file of Infoway-childtheme ( Childtheme directory -> style.css ) instead of Custom CSS.​

Yes, This is the right way to change the underline/triangle of the sidebar widget heading.

 

Could not put this code in my child theme - the settings for the sidebar hover is in the .css stylesheet for the theme colour as well as the general style sheet so the orange hover over-rides the child style sheet and I couldn't put the color.css file in my child theme - it did nothing...

So the best way to address this even if you have a child theme is to put the code in the theme options styling section after all:
Appearance > Theme Option > Styling Option > Custom CSS

.sidebar ul li a:hover{​

color:#66b903; (replace "66b903" by your colour code)​

}

thanks to all of you for your help!​

Rosy

 

RESOLVED