Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 29, 2018 at 10:09 pm #991319
    better_in_violet

    Hi there,

    I followed a few other forum posts I found about adding social share buttons to my sidebar. The code was working fine but now it’s suddenly not showing the icons; however the mouse-over colors work.So for example, there is a blue box when I mouse over what’s supposed to be the Twitter icon, but no actual icon shows. Can someone help me out? I can post the HTML code I’m using if that helps.

    I’m also having trouble centering my text in the sidebar. Normally I use text-align:center in the custom CSS but in this case it doesn’t seem to work. Is there something else I should try?

    Thanks so much for your help!

    July 29, 2018 at 11:20 pm #991327
    Mike

    Hey better_in_violet,
    Your social icons are missing the icon, which in the code looks like a little square. Here is a example:

    <a target="_blank" href="http://twitter.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a>

    look for:

    data-av_icon=""

    that is the actual icon, or font.
    I recreated them for you, and I added this code to your Quick CSS to hide the border between each one:

    border-color: transparent;

    Then to center them I added this css to your WordPress > Customize > Additional CSS:

    #text-2.widget .social_bookmarks li {
margin-left: 9px !important; 
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    July 31, 2018 at 3:26 pm #991954
    better_in_violet

    Hi there,

    Thanks so much for your help. They still don’t look centered on my screen even after clearing the browser cache. I’m also wondering whether it would be possible to center the text that’s in the same widget as the social media icons.

    August 1, 2018 at 4:29 am #992160
    Mike

    Hi,
    I see that the social icons are still off, please try this css in the General Styling > Quick CSS field or the WordPress > Customize > Additional CSS:

    #top .avia-builder-widget-area #text-2.widget ul {
    margin: auto !important; 
    width: 70% !important; 
    float: none !important; 
}

    Please clear your browser cache and check.
    Please see screenshot in Private Content area.

    Best regards,
    Mike

    August 1, 2018 at 4:40 pm #992475
    better_in_violet

    It’s working! Thanks so much for your help!

    August 2, 2018 at 2:44 am #992639
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Social Share Buttons+ Centering Text in Sidebar’ is closed to new replies.