Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #686829

    Hi all, and I hope this is as clear as possible.
    So I am having three problems with these social icons in the bottom of my footer section:

    1. The code below, when put into a single box, only reflects the first icon for facebook. As such I have put each piece of code into an individual text box to ensure I am able to get Twitter, FB, LI to show. How can I fix this?
    2. I want to add an additional tab for Slideshare, is it possible to do so in this same piece of code, or do I need to add that seperately?
    3. I want to add name text for each one next to them, that is centered. Currently when I add the text, it sticks to the top of the line, and there is no spacing >.<

    In my quick css I have:

    .widget .social_bookmarks li { clear: none !important; }

    And in the text boxes in the widget area, I have:

    <ul class=”noLightbox social_bookmarks icon_count_6″><li class=”social_bookmarks_facebook av-social-link-facebook social_icon_1″><span class=”avia_hidden_link_text”>Facebook</span><li class=”social_bookmarks_twitter av-social-link-twitter social_icon_2″><span class=”avia_hidden_link_text”>Twitter</span><li class=”social_bookmarks_skype av-social-link-skype social_icon_3″><span class=”avia_hidden_link_text”>Skype</span><li class=”social_bookmarks_pinterest av-social-link-pinterest social_icon_4″><span class=”avia_hidden_link_text”>Pinterest</span><li class=”social_bookmarks_gplus av-social-link-gplus social_icon_5″><span class=”avia_hidden_link_text”>Gplus</span><li class=”social_bookmarks_linkedin av-social-link-linkedin social_icon_6″><span class=”avia_hidden_link_text”>Linkedin</span>

    My site is http://www.geniianalytics.com/ , any assistance would be greatly appreciated XD

    #688552

    Hey PeterSocialiq,

    1- Seems like there was a caching issue and now that is gone since i can see all of your icons in your first footer column :)
    2- You can add your code to another text widget element
    3- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #footer .social_bookmarks .avia_hidden_link_text {
        display: block;
    }
    #footer .social_bookmarks {
        height: auto;
    }
    

    Best regards,
    Yigit

    #691496

    Thanks! Worked :D

    #691596

    Hi,

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Social Media Icons with their names next to them.’ is closed to new replies.