-
AuthorPosts
-
September 6, 2015 at 5:31 am #498794
I would like to add 4-5 different social media icons together on one line, separated by 5+ spaces between each, with each icon linking to a different page on/off our site. I can add multiple icons, but each one falls on a separate line OR I can get them to left justify with no space between.
Is there a way to do this?
September 6, 2015 at 5:01 pm #498897Hey allyson2!
You can use our icon element, add your own with HTML, or use our “Share social links” element as well.
The icons would probably be the easiest. Just set them to align left and send us a link to your page and we can give you some CSS to create more space between them.
Cheers!
ElliottSeptember 6, 2015 at 10:59 pm #498960Thanks for the quick response. I can’t give you a link to the page, because the website is not yet live.
Here are the icons (code) I am trying to use…
[av_font_icon icon='ue8f5' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon] [av_font_icon icon='ue8f1' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon] [av_font_icon icon='ue8f6' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon] [av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon]
September 7, 2015 at 4:35 pm #499358Hi!
It’s hard to tell. Send us a link when you go live and we’ll take a look.
Best regards,
ElliottSeptember 7, 2015 at 6:54 pm #499484Is there a way for me to upload a screenshot of what I’m trying to do?
Basically, I want to create 3 buttons all on one row and 4-5 social media icons on another row… all centered.
Thoughts?
September 7, 2015 at 11:18 pm #499580Hey!
You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Best regards,
YigitSeptember 8, 2015 at 6:49 pm #500063September 9, 2015 at 1:28 pm #500379Hi!
you can get more space between social media icons using this code:
span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation { margin-right: 30px; }
and adjust as needed.
Can you give us the shortcodes of your other buttons as well please?
Cheers!
AndySeptember 9, 2015 at 7:59 pm #500704Great. Can you tell me where to add that code?
Here is the code for the buttons…
[av_button label='Sign Up for our Newsletter' link='manually,http://http://explorenayarit.com/blog/newsletter-archives/' link_target='' size='medium' position='center' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class=''] [av_button label='Read our Blog' link='manually,http://http://explorenayarit.com/blog/blog/' link_target='' size='medium' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class=''] [av_button label='Ask Questions on our Forum' link='manually,http://jaltemba-bay-mexico.com' link_target='' size='medium' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='']
September 9, 2015 at 10:17 pm #500748Hi!
That is a shortcode code and has to be used through do_shortcode to work properly. You can contact one of our Customization Contractors, who will help you out with the process, if you do not know enough php or not used into modifications.
http://kriesi.at/contact/customization
Let us know if we could do anything else, regarding our theme
Regards,
Basilis -
AuthorPosts
- You must be logged in to reply to this topic.