Archived

This topic is now archived and is closed to further replies.

  • 0

Share Buttons Formatting....huh?

Question

Posted · Report post

How do I repair the layout of the Share buttons. They are certainly beneath the standards of my wonderful Pagelines Framework theme. I can't figure it out. Anyone?

post-141-0-19941300-1355249504_thumb.png

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

The best way would be with Custom CSS (padding and margins, more specifically). Please see here for further instructions: http://www.pagelines.com/wiki/Custom_CSS. Are you using another plugin for adding more share icons?

Share this post


Link to post
Share on other sites

Posted · Report post

Catrina. Thank you. I should have been more descriptive. I am well versed in Pagelines. Built dozens of websites with it. And I know CSS pretty well, but I am having trouble finding the right CSS to repair the messy formatting of the share buttons. Might be a forehead slapper when I figure it out, but I could sure use a clue. No, I have no other share button plugins in the setup. Would that be a better idea? Got any suggestions. This built in array is very unattractive as it is.

Share this post


Link to post
Share on other sites

Posted · Report post

By default they look nothing like that image, can you show us a URL? Your moderator only link in your profile just points to a landing page.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Simon. Thank you. I love Pagelines themes. So, I want to be polite. But actually, the last three websites I installed with Framework, the default share buttons formatted just as poorly as this one....so I doubt your claim.  But I hope you are correct and that something else is haywire. I tested somewhat for conflicting plugins. I have none related to social media. Here is the page I am currently referring to:   http://www.ivanmarsfuturemedia.com/marketing/uncategorized/hello-world/

 

Okay.....I just discovered that it looks different in FireFox than Google Chrome...a little better....but still disappointing.

Share this post


Link to post
Share on other sites

Posted · Report post

Are they wrapping because your content area is not wide enough?

Share this post


Link to post
Share on other sites

Posted · Report post

No. Content area is 670 pixels. They are probably wrapping because they need to wrap in Firefox because I have them all turned on, and in Chrome for some unknown reason they wrap much shorter as seen in the snap image above. But in both, they are misaligned vertically and spaced irradically horizontally.

Share this post


Link to post
Share on other sites

Posted · Report post

I know, I'm being picky. My clients are picky. And we need Chrome to work well these days.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, I've checked in Firefox and in Chrome on the link you've provided and I'm not seeing the same results - screenshots below. Are you on the latest versions of each browser?

 

Firefox - http://screencast.com/t/wjknKCuO

 

Chrome - http://screencast.com/t/Ho3pfgkG

 

The css for each item seems to be set inline under the class .pl-sharebar-pad and are a mixture of classes/id's which I've pasted below

 


#___plusone_1

.twitter-share-button twitter-count-horizontal

#fb-like fb_edge_widget_with_comment fb_iframe_widget

.IN-widget

#pin_wrap

.buffer-button

.iframe-stmblpn-widget-2

Share this post


Link to post
Share on other sites