[James XParticipant]

Hi there, from the X shortcode list which generates an icon (not icon list), is there additional styling I can put into the shortcode to make the icon bigger, smaller, color, etc..? For example:

[icon type=”adjust” size=”50px” color=”#ffffff”]

I want to have icons of varying sizes for different elements. Can do? Thank you so much!

–Jim

[RubinKeymaster]

Hey James,

try following:

[icon type="adjust" style="font-size: 50px; color: #FFFFFF;"]

[James XParticipant]

Perfect, thank you! Anyway to reduce the margins above/below the icons. Seems to produce a large gap between the icon and the next item beneath it. thank you for the ultra fast reply!!!

[James XParticipant]

Example: under the slider: http://wp.bluehouseinc.com/

[ChristianModerator]

Hey James,

You can add margin: 0 0 -20px; to style attribute so it would be:

[icon type="adjust" style="font-size: 50px; color: #FFFFFF; margin: 0 0 -20px;"]

The first 0 is the top margin and you can replace it with 1px or higher to adjust the top gap. The second 0 is for equal sides and -20px is for bottom gap.

Hope that helps.

[James XParticipant]

That is awesome! Thank you sooo much. Helps tremendously and again thanks for the lightning fast support. Unreal.

[RubinKeymaster]

You’re welcome!

[April PhoebeParticipant]

Hi,

With the release of cornerstone, I’d like to ask these:

Is there a way to change the color of “text type” element in cornerstone?
How do I go about changing the size of an icon with using cornerstone?

[Nabeel AModerator]

Hi there,

Thanks for writing in! You can make changes with some custom CSS, can you please provide us the URL of your site so we could take a look and suggest you the solution accordingly.

Thanks!

[April PhoebeParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

You can use custom css to change the color of the text element. http://prntscr.com/7e3gwi

Hope this helps.

[Author]

Posts