Hello guys how can i set the Text next to the icon?
Below the code I use but looks like that: http://www.screencast.com/t/XhzLdvWSv0X
[vc_icon icon_fontawesome="fa fa-newspaper-o" color="grey" background_style="rounded" background_color="green" size="xs" css_animation="left-to-right"]<span style=”color: #ffffff;”>Aktuelle Neuigkeiten, TV Tipps, Videos u.v.m</span>
[vc_icon icon_fontawesome="fa fa-trophy" color="grey" background_style="rounded" background_color="green" size="xs" css_animation="left-to-right"]<span style=”color: #ffffff;”> Gewinnspiele & Aktionen</span>
[vc_icon icon_fontawesome="fa fa-tags" color="grey" background_style="rounded" background_color="green" size="xs" css_animation="left-to-right"]<span style=”color: #ffffff;”> Angebote</span>
Please tell me what I have to do to have the text next to it….Thank you
Hello,
You need to use css for positioning. You can use floats or display:inline. Assign some classes to your elements so you can target them with css. (.mycustomclass{display:inline;})
Hope this helps.
Thanks.
Hello Bogdan sorry i´m an beginner (non-expert). 🙂
Please could you give me the full code I have to insert?
Appreciate your help. Thanks….
Hi,
Please provide a link to the page or post as I cannot find it on your site. I need to inspect it in order to provide the proper code.
Thanks.
Hell Bogdan, thanks here´s the link:
http://www.urban.dog/newsletter/
Greets Sylvester
Hello,
This is the closest you can get to it with your layout
.vc_icon_element{
display:inline!important;
margin-right: 10px;
}
result: http://screencast.com/t/TYHIftZGZ
If you want to have them align properly it will need further customization and coding. I’m not sure how you implemented them but you need to add a few html div tags and set classes to them so they can be targeted with css.
Thanks.
