Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • March 21, 2015 at 1:21 am #415597
    mndawood

    Hello!
    I read through most tickets on this regard, and I don’t want to use a plugin for this purpose.
    I tried some plugins (like addThis, ShareThis etc..) , moreover, I tried activating Enfold share buttons in “pages”, but they place themselves everywhere even in home page.

    My question is: How can I place Enfold social share icons in a widget to place them wherever I like in a sidebar.

    Thank you!
    Best Regards

    March 22, 2015 at 7:00 pm #416033
    Andy

    Hi mndawood!

    I am not sure if I understand you correctly. Do you want to display social share in your sidebar? If yes you could try this code in a text area of a widget: http://pastebin.com/75KkpMZ5
    and adjust the links.

    If you don’t want that the social share buttons display on every page, you can deactivate them with this:

    .av-share-box {
display: none;
}

    and then you can activate them for only specific websites using page-id:

    .page-id-12345 .av-share-box {
display: block;
}

    How to find page-id: https://en.support.wordpress.com/pages/#how-to-find-the-page-id

    Best regards,
    Andy

    March 22, 2015 at 8:10 pm #416046
    mndawood

    Hi Andy,
    Thank you very much for your detailed guide. But unfortunately I could not make myself clear. Sorry!
    I need to use Avia share buttons (like those next to blog posts) in some pages inside a widget.
    I already set up the buttons you mentioned above in header meta container.

    Regards

    March 23, 2015 at 8:29 pm #416673
    Elliott

    Hey!

    You can drag a text widget to your sidebar and paste Andy’s code inside to display the share box.

    If that’s not what your trying to do then send us a link and take a screenshot highlighting your intentions so we can get a better idea.

    Regards,
    Elliott

    April 6, 2015 at 6:11 am #423791
    mndawood

    Hey!!

    I just need to place these buttons in the screenshot attached, in a sidebar widget.

    Share this entry buttons
    Regards

    • This reply was modified 9 years, 8 months ago by mndawood.
    April 6, 2015 at 6:30 am #423797
    mndawood

    Hey!

    I am trying to share a screenshot but it doesn’t show up here; on both dropbox and google drive.
    The link below is for a single post in Enfold demo. I need to know how to place the button just next to the post in a sidebar (widget).

    regards

    April 6, 2015 at 6:50 am #423808
    mndawood

    The link is not showing up although I edit the latest post several time. What is wrong with my account? Help please!

    April 6, 2015 at 2:10 pm #423925
    Yigit

    Hey!

    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
    You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    Regards,
    Yigit

    April 18, 2015 at 7:10 pm #430738
    mndawood

    Hello,

    Thank you, everybody is trying to help. I really appreciate this.
    I followed instructions in this link

    http://kriesi.at/documentation/enfold/enable-social-share-section-for-pages

    Social share section showed up in every page, which is good. How can I exclude certain pages from showing up this section.

    Regards

    April 20, 2015 at 12:31 pm #431231
    mndawood

    Hello, :)

    It is done. I used Andy’s code above in the child css for pages whereI want to hide share box 

    .page-id-12345 .av-share-box {
display: block;
}

    Thanks.
    Regards

    April 21, 2015 at 9:30 am #431839
    Rikard

    Hi!

    Great, glad you got it fixed.

    Cheers!
    Rikard

    August 3, 2015 at 1:18 am #481843
    patflaherty

    Hello,
    Is there anyway to create a Quick CSS code that I can use to omit specific posts?

    August 3, 2015 at 5:06 pm #482274
    Elliott

    Hey!

    Add this to the post content to hide it on certain posts.

    <style type = "text/css">
.av-share-box { display: none !important; }
</style>

    Best regards,
    Elliott

    August 19, 2015 at 7:06 pm #490311
    patflaherty

    Hello,
    The above code works, but it is creating unwanted issues in other areas. Is there a way to deactivate the social share buttons display on every pages / posts, but only activate on specific posts? I’d like to be able to add a simple code that Elliot mentioned above.

    I’ve used the:
    .av-share-box {
    display: none;
    }

    in my Quick CSS, but I’m not able to deactivate it on specific posts. Any ideas?

    August 20, 2015 at 2:08 pm #490775
    Rikard

    Hi,

    You can try adding a code block on the page/post you want the share option to show with the following code: 

    <style type = "text/css">
.av-share-box { display: block !important; }
</style>

    Best regards,
    Rikard

    August 20, 2015 at 6:44 pm #491001
    patflaherty

    Thanks Rikard,
    That works perfectly!

    -Patrick

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Enfold social share buttons in a widget’ is closed to new replies.