Small icons are large

[matthewbe]

Hi,

I find the small icons pretty large. See link provided.
I use the following shortcode:
[icon image="fa-phone" size="small" cont="no"]

I was expecting a small phone to appear on the left of the text but it’s huge.
Secondly, how can I make these icons black?

Thank you for your help.

[matthewbe]

PS: could you pelase move this message to Dante theme support?

[Kyle – SUPPORT]

Hi

Add this to your custom css

.sf-icon-small {
  font-size: 16px;
}

You can change the color in the color customiser, it uses ‘Accent Alt Color’

– Kyle

[matthewbe]

As for the size of the icon, I got it working now, thank you.

But I still can’t change the color of the icons.
The ‘Accent Alt Color’ as you mentionned is set to white, so it is definitely not the icon’s color.
However the ‘Accent Color’ was set as the same color of the icon, tried to change it to black, but unfortunately it’s still using the light blue color.
PS: I went to Appearance/Customize menu to try to change the color.
(Also note that it’s about Dante theme, you moved the post to Neighbourhood theme)

[matthewbe]

I fixed the color of the icon, it was not ‘Accent Alt Color’ but it was ‘Icon Color’.

[Kyle – SUPPORT]

Ok great 🙂

– Kyle