Change color of sidebar Widget underline on Headings

Discussion in 'Infoway WordPress Theme' started by rosy, Feb 25, 2013.

Thread Status:
Not open for further replies.
  1. rosy

    rosy Member

    Joined:
    Sep 17, 2012
    Messages:
    73
    Likes Received:
    2
    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


     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    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.
     
  3. rosy

    rosy Member

    Joined:
    Sep 17, 2012
    Messages:
    73
    Likes Received:
    2
    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

    heading-lines.JPG
    Thank you for your help!
    Rosy
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107


    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.
     
  5. rosy

    rosy Member

    Joined:
    Sep 17, 2012
    Messages:
    73
    Likes Received:
    2
    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 :)
     
  6. rosy

    rosy Member

    Joined:
    Sep 17, 2012
    Messages:
    73
    Likes Received:
    2
    RESOLVED :D
     
Thread Status:
Not open for further replies.

Share This Page