How To Change Icon Size, Color – Themeco Community

How To Change Icon Size, Color

Shane K — Sun, 13 Jul 2014 22:56:28 +0000

I was looking around and did not see anything but is there a way in short code to change an icon’s color and size? I tried a few things but it did not work. This isn’t an icon list, it’s just a single icon on a text element.

Reply To: How To Change Icon Size, Color

Josep Maria S — Mon, 14 Jul 2014 03:43:51 +0000

Hi Shane,

icons are actually fonts, you can modify it with the same css rules as for fonts. To modify the size you can use “font-size”, to modify the color you can use “color”.

[icon style=”font-size:30px; color:blue;” type=”facebook-square”]

Hope it helps!

Reply To: How To Change Icon Size, Color

Shane K — Mon, 14 Jul 2014 05:48:18 +0000

Thank you very much that actually helps a lot 🙂

Reply To: How To Change Icon Size, Color

Christian — Mon, 14 Jul 2014 09:00:17 +0000

Thanks for helping out Shane, Josep.

Reply To: How To Change Icon Size, Color

Jessica H — Mon, 21 Jul 2014 15:49:12 +0000

I’m having trouble changing the icon color on my site. This is the code I’m working with:

[custom_headline class=”responsive-heading” type=”left” level=”h4″][icon type=”question-circle” style=”font-color:#eabe20;”] Frequently Asked Questions

The icon is currently the same color as the heading text, though I was trying to give it its own color.

Reply To: How To Change Icon Size, Color

Mrinal — Tue, 22 Jul 2014 02:33:53 +0000

Hi Jessica,

Use the following:

[custom_headline class="responsive-heading" type="left" level="h4"][icon type="question-circle" style="color: #eabe20;"]

Hope this helps, Cheers!

Reply To: How To Change Icon Size, Color

enrico.colacillo — Thu, 18 Jun 2015 09:23:54 +0000

Hi guys, sorry but this command doesn’t seem to work for me :/
At this site: http://www.alchimiadellasalute.it/wordpress/domande-2/

And also this other your command seem not to work properly..
[icon type=”ellipsis-h” style=”font-size: 9px; color: orange; display:inline-block;vertical-align:middle;”]

I just added a text block and paste this code above into the text tab of Cornerstone.

What I do wrong? I am a beginner.. Thank you 😉

Reply To: How To Change Icon Size, Color

Rupok — Thu, 18 Jun 2015 14:05:04 +0000

Hello There,

Thanks for writing in! Would you please clarify the issue a bit where you want to display this and what was the outcome? Also would you mind providing us your login credentials to have a closer look into the issue?

To do this, you can make a post with the following info:

– Link to your site 
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Reply To: How To Change Icon Size, Color

Cherylwoodman — Thu, 24 Sep 2015 16:31:50 +0000

Hi – I am trying to adjust the size of the icons using the answer above, but when I use the style command, the icon changes to a cross. If I copy and paste the code above, I get the cross too.

Is this to do with the stack I am using? Ethos v1?

Reply To: How To Change Icon Size, Color

Zeshan — Thu, 24 Sep 2015 19:31:04 +0000

Hi there,

Thanks for writing in! To assist you with this, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

Thanks!