Tagged: social share buttons
-
AuthorPosts
-
January 21, 2019 at 11:07 pm #1056905
Hi,
I read on your guide that social share buttons are hidden by default. Meanwhile on my website, on blog posts, the social share buttons are visible at the end of the post.I would like them to be only on the sidebar, so I’ve put them there using a text widget with these code
[av_social_share style='minimal' buttons='custom' share_facebook='aviaTBshare_facebook' share_twitter='aviaTBshare_twitter' av_uid='av-670mc8' custom_class='' admin_preview_bg='rgb(241, 241, 241) none repeat scroll 0% 0%']
I also changed the style by pasting in style.css this code, from your guide
/*---------------------------------------- // CSS - Social Share style - 3 //--------------------------------------*/ /* Hide tool tip */ .av-social-sharing-box .avia-related-tooltip { display: none !important; } /* Remove icon border */ #top .av-social-sharing-box .av-share-box ul li { border-left-style: none; display: inline-block; vertical-align: middle!important; margin: 0 10px 0 0; } /* Icon style */ #top .av-social-sharing-box .av-share-link a { width: 30px!important; height: 30px!important; border-radius: 30px!important; padding: 3px 0 !important; } /* Icon color */ .av-social-sharing-box .av-share-link a:before { color:#1d1d1b; transition: all .5s ease; } /* Icon color on hover */ .av-social-sharing-box .av-share-link a:hover:before { color:#1d1d1b; transition: all .35s ease; } /* Icon background color on hover */ #top .av-social-sharing-box .av-share-link a { /*background: none!important; */ background: #f0f0f0; } #top .av-social-sharing-box .av-share-link a:hover:before { color:#f4f7f9; }
So, on the post pages, I see the social share buttons and they don’t use the style I set with the code above. Before posting I make sure that “show sharing buttons” isn’t selected in “sharing” tab, but still the buttons are there. Here an example, I’m fine with buttons on sidebar and their styling, but not with buttons at the end of the post. How can I remove them?
Otherwise, why they have different style from the one I set?
- This topic was modified 5 years, 10 months ago by Mike.
January 21, 2019 at 11:41 pm #1056918Hey tavomenas,
Can you provide a link to the site/page in question so we can look into this issue further?
Best regards,
Jordan ShannonJanuary 22, 2019 at 3:17 pm #1057257Hi,
Here the link to the page.January 23, 2019 at 5:50 am #1057580Hi,
The social share buttons under the “Share this entry” is an element that is auto included with posts created with the default WordPress editor. To remove these, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.single-post .entry-footer div.av-share-box { display: none !important; }
I wrote the css to remove them from single posts, but not the sidebar.
Please clear your browser cache and check.Best regards,
MikeJanuary 23, 2019 at 10:31 pm #1057957Hi, thank you.
It worked through WordPress > Customize > Additional CSS (but not through General Styling > Quick CSS)
Thank you again- This reply was modified 5 years, 11 months ago by tavomenas.
January 24, 2019 at 3:11 am #1058004Hi,
Glad to hear, I assume we can close this now, but I like to ask first. Shall we close this then?Best regards,
MikeJanuary 24, 2019 at 3:22 pm #1058185Yes, you can close it
thank you!January 25, 2019 at 3:45 am #1058443Hi,
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 -
AuthorPosts
- The topic ‘Hide social share buttons’ is closed to new replies.