Icons in Ethos - remove background box, change size

[blacksheepmedia]

Hello.

1)When using a shortcode to create something in a POST I get an icon with this square box behind it that is grey. I want the box to go away, how do I control that. It doesn’t seem to be the ‘background’ because if I ask to change the background color it doesn’t apply to that box. This is the shortcode used:
[pullquote type=“left”] [x_icon type=“money” style=“color: #85bb65”]

2. How do I change the size of that individual icon I use in the shortcode for that instance of it?

Thanks

[friech]

Hi Ryan,

Thank you for writing in, do you only need the icon? If so please use only this shortcode:

[x_icon type="money" style="color: #85bb65"]

The [pullquote type="left"] is a different shortcode and that is incomplete that is why you only seeing it as an empty square. More details here.

2. You can adjust your icon size with the font-size CSS property.

e.g.

[x_icon type="money" style="color: #85bb65;font-size:2em;"]

Hope it helps,
Cheers!

[blacksheepmedia]

Thanks a bunch. For others trying to copy the shortcodes and perhaps ending up with a background they didn’t want. What happened was I copied the short codes from the web to a word document, then later when copying them from the word document to my post it pulled along some other formatting and put a grey background behind the code. (which was complete I just wrote it wrong above in my question)

[christopher]

Hi Ryan,

Thank you for sharing your experience. As a general rule of thumb, it is recommended to use small apps such as NodePad++ or SublimeText to copy/paste code, shortcodes or any WordPress related code stuff.

Thank you.