Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • January 26, 2016 at 11:57 am #572035
    sitesme

    Hi,

    We installed the plugin “Simple Share Buttons Adder” which was recommended from Enfold team in a different post and it is working perfectly fine.

    However, the buttons are being added right after the contents (at the end) and without any space. How can I add a padding of 20px to ALL pages on the website through CSS?

    Thank you

    January 26, 2016 at 3:08 pm #572146
    Yigit

    Hi sitesme!

    Please post the link to your page where we can see an example so we can provide you an accurate solution.

    Cheers!
    Yigit

    January 26, 2016 at 7:30 pm #572304
    sitesme

    Hi Yigit,

    Please check the link in private. Thank you

    January 27, 2016 at 11:29 pm #573313
    Josue

    Hey!

    The link you posted is returning “Page Not Found”.

    Cheers!
    Josue

    January 27, 2016 at 11:34 pm #573317
    sitesme

    Hi Josue,

    Please check again in PVT

    January 27, 2016 at 11:36 pm #573320
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .ssba.ssba-wrap {
    padding: 20px;
}

    Cheers! 
    Josue

    January 28, 2016 at 12:02 am #573334
    sitesme

    Hi Josue,

    This seems to move the whole div in all directions. Any way to just move it vertically? Something such as “top padding”?

    January 28, 2016 at 12:03 am #573336
    Josue

    Change it to:

    .ssba.ssba-wrap {
    padding: 20px 0;
}
    January 28, 2016 at 12:09 am #573337
    sitesme

    No effect unfortunately.

    January 28, 2016 at 12:11 am #573340
    Josue

    Try increasing the value, 20px to something higher like 60px.

    January 28, 2016 at 12:12 am #573342
    sitesme

    Added 100px but it is adding space AFTER the social share icons.
    I would like the space after the end of the page (contents) and BEFORE the social share icons.

    January 28, 2016 at 12:14 am #573343
    Josue

    Ok, try with:

    .ssba.ssba-wrap {
    padding: 100px 0 0 0;
}

    padding accepts 4 values in this order: top right bottom left, so in the code above we only increase top.

    January 28, 2016 at 12:15 am #573345
    sitesme

    No effect with the latest code

    January 28, 2016 at 12:17 am #573347
    sitesme

    Found something strange…

    In the homepage it seems to be working fine. Inner pages don’t work the same way.
    So I changed the code above to 500px and… inner pages are perfect now: http://dns.d.pr/QI13/1aNmQOeu but homepage is terribly bad: http://dns.d.pr/165Rk/3zAtO3VK

    January 28, 2016 at 12:34 am #573350
    Josue

    Can you change it back to 100px and link me one inner page where the issue occurs.

    Best regards,
    Josue

    January 28, 2016 at 8:30 am #573552
    sitesme

    Hi Josue, please check below changed with 100px

    January 28, 2016 at 11:39 am #573636
    Josue

    Ok, use this one instead:

    .ssba.ssba-wrap {
    padding: 100px 0 0 0;
    clear: both;
}

    Regards,
    Josue

    January 28, 2016 at 11:51 am #573645
    sitesme

    Superb Josue,

    Thanks a million :)

    January 28, 2016 at 11:51 am #573646
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Padding fix at the bottom of the page’ is closed to new replies.