Jump to content
Sign in to follow this  

How do I center the sharebar?

Recommended Posts

James B

Hi there,

Ok first you need to set the margin on the last item in the list to 70px instead of auto as it seems to be moving the list over to fill up the space.

.meta-share iframe, .meta-share object {

    width: 70px;


Then this code should align the list centrally.

.meta-share {

    margin: auto !important;

    width: 100%;


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • marshallsolutions
      By marshallsolutions
      For the site https://marshallsirishpub.com I am running
      Wordpress 4.9.4
      Pagelines base theme 1.0.2
      Pagelines Framework 2.5.0
      The share bar specifically Stumble Upon is causing an error when checking SSL for HTTPS at whynopadlock.com.  Here is the errors shown:
      A file with an insecure url of "http://cdn.stumble-upon.com/js/badge_su.js?v=20120613" was loaded on line: 1 of https://www.stumbleupon.com/badge/embed/2/?url=https%3A%2F%2Fmarshallsirishpub.com%2F.
      A file with an insecure url of "http://cdn.stumble-upon.com/css/badges_su.css?v=20120613" was loaded on line: 1 of https://www.stumbleupon.com/badge/embed/2/?url=https%3A%2F%2Fmarshallsirishpub.com%2F.

      Errors that are reported on line 1 are generally not part of the source code. This error may be caused by an external javascript file which is writing to the page, however we are unable to reliably detect these scripts in our automated test.
      Please contact us using the "Need Help?" link below if you need assistance with resolving this error.
      I contacted support at Really Simple SSL which is the plugin we use to convert the site to HTTPS via SSL.  They said I should contact you guys.  Here is what their support had to say via email:
      the sharing bar seems to load the Stumbleupon script over http:// despite being trying to redirect it to https://. The cdn.stumbleupon doesn't seem to have an SSL certificate and therefore refuses to load over https://. I'd suggest to contact the developer of the sharing plugin, the Stumbleupon button can de designed in another way, without it trying to load a script over http://.
      So it seems I need to modify some file in pagelines to make the stumble upon portion of the share bar to read https and not http.  If that's not possible then I need to remove stumble upon from the share bar.
    • hibbsy78
      By hibbsy78+
      The share bar has updated and no longer fits nicely on a single line in mobile view. Any chance this can be corrected?

    • Frederic
      By Frederic
      Hi there,   I have been trying to fix a small issue related to custom css but didn't find the answer. Then asked some developers and same problem - they work with different systems, do not know much dev tools and could not help ... so, turning to you in the hope you can give me a hand!   I want to adjust the share buttons in share bar and have two situations on the same page:     The first one   Current situation is here   What I want here   Page ID here   It must have to do with  class="twitter-share-button twitter-tweet-button twitter-count-horizontal" that we need to change to vertical but apart from that, it is all i can do ... :(   Second one, on the same page, again related to the share bar;   Screencast here and desired result here   Is there a way of reducing padding/margins around the share buttons so they fit within the space defined by the line below them?  
      Really hope you can help!