Services Icon Colors Not changing

[Kelsey Smart]

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

[Veena]

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

[Kelsey Smart]

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.

[Veena]

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

.lsow-services.lsow-style2 .lsow-service .lsow-icon-wrapper span {
    color: #b96e2a !important;
}

[Kelsey Smart]

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

[Raghavendra]

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

.lsow-services .lsow-service {
    margin-bottom: 20px;
}

[Author]

Posts