Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 25, 2014 at 1:31 pm #295919
    forum30

    Hi,

    I asked previously about embedding rtsocial buttons on every page of the site, and you helped me do this (here: https://kriesi.at/support/topic/embed-rtsocial-code-into-enfold-template/ ).

    However, since then there have been several issues that we have tried to address, but to no avail. The last one was that the solution we’d come up with was messing up the template in Chrome. rtsocial actually had a few flaws anyway, so wasn’t 100% perfect.

    I’ve decided to ditch rtsocial and try another social plugin (Easy Social Share Buttons). I want to place this in exactly the same place, and I’ve got what I thought was the correct code – but the buttons/icons aren’t appearing.

    <?php
echo do_shortcode('[easy-share buttons="facebook,twitter,google" counters=1 counter_pos="right" native="no" hide_total="yes"]');
?>

    Which is the php code they provide:

    < ?php
echo do_shortcode('[easy-share]');
?>

    with the added shortcode options they tell you to add to it to customise the appearance:

    [easy-share buttons=”facebook,twitter,google” counters=1 counter_pos=”right” native=”no” hide_total=”yes”]

    Am I doing something wrong that is preventing these social icons/buttons from appearing? When I place the shortcode into a page on the site, the buttons do appear within the page/post, so I know that’s working. However, I want them to appear on every page alongside the secondary menu.

    Thanks again,

    Daniel

    July 25, 2014 at 2:56 pm #295966
    forum30
    This reply has been marked as private.
    July 25, 2014 at 3:02 pm #295974
    Yigit

    Hey Daniel!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    div#essb_displayed_shortcode {
width: 25%;
float: left;
margin: 0;
}

    Regards,
    Yigit

    July 25, 2014 at 3:10 pm #295981
    forum30

    Hi Yigit,

    That’s brilliant, thanks.

    Now I have a question about getting the icons to float in the centre on tablets and mobiles. They currently get ‘squashed’ into a column instead.

    Thanks,

    Daniel

    July 25, 2014 at 3:17 pm #295983
    Yigit

    Hey!

    Please remove “width: 25%;” from the code i posted and add following code right below it

    @media only screen and (min-width: 990px) {
div#essb_displayed_shortcode { width: 25%; }}
@media only screen and (max-width: 768px) and (min-width: 480px) {
div#essb_displayed_shortcode { position: relative; right: 20%; }}

    Cheers!
    Yigit

    July 25, 2014 at 5:02 pm #296035
    forum30
    This reply has been marked as private.
    July 28, 2014 at 10:22 am #296626
    Yigit

    Hi!

    Please change following code 

    @media only screen and (min-width: 990px) {
div#essb_displayed_shortcode { width: 25%; }}

    to this one

    @media only screen and (min-width: 1140px) {
div#essb_displayed_shortcode { width: 25%; }}

    Best regards,
    Yigit

    July 28, 2014 at 8:28 pm #296970
    forum30

    Hi Yigit,

    That’s helped on the tablet – but the icons are still not centre-aligned on mobile?

    Thanks,

    Daniel

    July 28, 2014 at 8:33 pm #296971
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
div#essb_displayed_shortcode { position: relative; left: -25px; }}

    Best regards,
    Yigit

    July 28, 2014 at 9:51 pm #297012
    forum30

    Thanks Yigit – that’s sorted it.

    Great help, yet again.

    Many thanks :)

    July 28, 2014 at 9:53 pm #297013
    Yigit

    Hey!

    Awesome! :) You are welcome, we are always happy to help! Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Placing Easy Social Share Buttons into Template on every page’ is closed to new replies.