Three problems

Hi Ciredor,

Could U pls send link on your site where I can check described issues?

With best regards,
Alexey

It’s still on localhost so i can’t. But after some more detailed searching i found that 2. was caused not by this plugin but SiteOrigin editor ( from SiteOrigin Widgets Bundle ) so i guess i will go there to report it.

OK, in this way

1) Could you please send a piece of code from TinyMCE editor (text mode) with this issue and screenshot with page code of this part of the code (as result) – something like this – https://c2n.me/3kGcGBG. I can try to check it local.
2) If you check your page code you possible to find <br> tag between icon and text that was added automaticly in some way.
3) Pls send name of a plugin that you use, screen with menu and code-screen like I have added above for point 1.

You can send this info directly in this topic, via my email [email protected] or share via dropbox.

Hi, Ciredor!

Have You any news about Your issue or I can resolve this topic?

With best regards,
Alexey

Hi,

i use this code with this plug-in:

[fac_icontext icon=”bicycle” text=”Trasporto Biciclette” shape_type=”round” shape_bg=”#ffffff” shape_bg_hover=”#dd3333″ icon_color=”#dd3333″ icon_color_hover=”#ffffff” text_color=”#000000″ text_color_hover=”#000000″]

but how i can make the icon bigger?

Thanks…

Hi Marko,

“Shaped Icon with Text” element has predefined set of parameters that includes font size for properly displaying of this element. So you can’t change icon size here.

Ops… Sorry i write in a wrong topic…

About my problem i can’t set the font size when i use “shaped icon with text”… here the image of the settings:

https://www.taxicortinasci.it/wp-content/uploads/2015/09/Example.jpg

And using the “simple icon” i set the font size but without the correct result.

Here the code of 3 example:

[fac_icon icon=”bus fa-4x” color=”#000000″ color_hover=”#dd3333″]

[fac_icon icon=”bicycle” color=”#dd3333″ color_hover=”#1e73be” font_size=”300″]

[fac_icontext icon=”bicycle” text=”Trasporto Biciclette” shape_type=”round” shape_bg=”#ffffff” shape_bg_hover=”#dd3333″ icon_color=”#dd3333″ icon_color_hover=”#ffffff” text_color=”#000000″ text_color_hover=”#000000″]

And here the result:
https://www.taxicortinasci.it/icone/

Only with the firs example the icon become bigger, but using the 4x in the shaped version the icon rest small.

Any suggest? Thanks Alexey! ??

Marko,

Regarding to your shortcodes:

[fac_icon icon=”bus fa-4x” color=”#000000″ color_hover=”#dd3333″]

You are able to use custom font-size for this shortcode via shortcode settings or with specific FA font size class (fa-4x).

[fac_icon icon=”bicycle” color=”#dd3333″ color_hover=”#1e73be” font_size=”300″]

You’ve missed “px” value for font-size, it should be – font_size=”300px”

[fac_icontext icon=”bicycle” text=”Trasporto Biciclette” shape_type=”round” shape_bg=”#ffffff” shape_bg_hover=”#dd3333″ icon_color=”#dd3333″ icon_color_hover=”#ffffff” text_color=”#000000″ text_color_hover=”#000000″]

As I described above, “Shaped Icon with Text” element has predefined set of parameters that includes font size for properly displaying of this element. So you can’t change icon size via shortcode settings because it is styled in the plugin css file and can’t be changed.

As suggestion, I can propose to use native FA icons features that described here in the “Stacked Icons” section. With this code you’re able to add round shape icon with custom size.

Ok, thanks Alexey.

Finally i use this code:

[fac_icon icon=”bus fa-3x” color=”#ffffff” color_hover=”#ffffff”]

where icone is a custum class in my css that do the circle under the icon:

.icone{display:block;width:100px;height:100px;border-radius:66px;border:4px double #ccc;font-size:20px;color:#fff;line-height:120px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#c0c0c0}
.icone:hover{border:4px double #ccc;color:#fff;text-decoration:none;background:#f10a10}