Reduce size of icon circle in icon list

[Deblamp]

Hi Tech gurus …
I developing a website https://piwagroup.com.au/
The page “SERVICES” at https://piwagroup.com.au/services/
is using the icon list element.
There are orange dots using the circle icon.
My client wants the dots to be smaller. Is it possible to change only the size of the “orange dots” and leave the
text the same size ???
I have tried using the code for font size which changes the text as well as the dots … so that does not work.
I appreciate your assistance.
Cheers

[friech]

Hi Debbie,

Thank you for writing in, please apply a CLASS factual-investigations-list to your Icon List element and then add this to Theme Options > CSS

.x-ul-icons.factual-investigations-list li i.x-icon-circle:before {
	font-size: 0.5em;
}

Feel free to adjust the 0.5em value.

To learn more custom CSS, you can inspect your site using Chrome’s developer tools to see the styling that is applied to an element and then using custom CSS to override it. You can find more info on how to check for CSS selectors here. Then information about writing your custom CSS here.

Hope it helps,
Cheers!

[Deblamp]

Brilliant!! Thanks very much once again … and for the links in regards to CSS …a great help. Cheers

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.