Services Icon Colors Not changing

This topic is: not resolved

Tagged: ,

This topic contains 5 replies, has 3 voices, and was last updated by Raghavendra Raghavendra 1 year, 7 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #28966
    Kelsey Smart
    Kelsey Smart
    Participant
    Post count: 20

    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
    Veena
    Veena
    Moderator
    Post count: 8159

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

    #28990
    Kelsey Smart
    Kelsey Smart
    Participant
    Post count: 20

    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
    Veena
    Veena
    Moderator
    Post count: 8159

    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 Smart
    Kelsey Smart
    Participant
    Post count: 20

    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
    Raghavendra
    Raghavendra
    Moderator
    Post count: 4614

    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.