Services Icon Colors Not changing

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #28966
    Kelsey SmartKelsey Smart
    Participant

    Hi,

    I am using the services widget and have selected the icon colors in the widget, the color shows up in the preview but my site will not display the colors.

    Do you know why the colors won’t show up?

    Also, I was hoping to reduce the spacing between each line. I tried reducing the line height but when there is aover hanging text on a line, then it moves shifts to the left of the icon, instead of being aligned with the text.

    My website page is: http://agft.flywheelsites.com/our-services/

    Thanks,
    Kelsey

    #28973
    VeenaVeena
    Moderator

    I am not seeing any icon added in the above service page.
    Can i get specific page link, pls?

    #28990
    Kelsey SmartKelsey Smart
    Participant

    The link is: http://agft.flywheelsites.com/our-services/

    The icon is the dot. I changed one to a different icon so you can see that it is still not changing color.

    #28997
    VeenaVeena
    Moderator

    Pls try the below custom CSS in plugin settings > custom CSS

    .lsow-services.lsow-style2 .lsow-service .lsow-icon-wrapper span {
        color: #b96e2a !important;
    }
    
    #29039
    Kelsey SmartKelsey Smart
    Participant

    Thank you, that seemed to of worked.

    I was also hoping to reduce the spacing between each line. I tried reducing the line-height but when there is overhanging text on a line, then it moves shifts to the left of the icon, instead of being aligned with the text.

    Thanks,
    Kelsey

    #29051
    RaghavendraRaghavendra
    Moderator

    Can you pls try this custom CSS help to reduce spacing –

    .lsow-services .lsow-service {
        margin-bottom: 20px;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘SiteOrigin Widgets Support’ is closed to new topics and replies.