-
Posts
-
Hi, as you can see here – http://screencast.com/t/eJnkSmpWjZ
There is no space between the title and the icon on a fullwidth button when the icon is located to the right of the title (I know it shows on the left in the screenshot but in the button settings I picked show to the right of the button, I guess it has something to do with the fact that i’m using Hebrew on the site).
How can I add space so the icon will show the same way it does on the button above when the icon is to the left of the title?
Thanks.
Hi DROR!
Thank you for using Enfold.
By default, there should be a 0.3em gap between them. You can use this to adjust the gap:
.avia-button .avia_button_icon.avia_button_icon_right { left: 1em; }Regards,
IsmaelAdded it but it doesn’t look it works as the icons is still ontop of the text and hasn’t moved. I also tried changing the em number and nothing happens.
Sure – http://polytowncoil.staging.wpengine.com/ (hosted on WPengine) – just scroll down a little and you will see this – http://screencast.com/t/Mua2tFgLl
Hey!
Do you want the icon to the left or the right? It kinda differs when you set the site to rtl. Please try this:
.rtl .avia-button .avia_button_icon.avia_button_icon_right { right: 1em !important; }Regards,
Ismael
- The topic ‘How to add space between icon and title in a fullwidth button’ is closed to new replies.