Jump to content
acuitas

Share Buttons Formatting....huh?

Recommended Posts

acuitas    1
acuitas

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
catrina    103
catrina

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?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
acuitas    1
acuitas

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
Simon    247
Simon

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
acuitas    1
acuitas

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
Simon    247
Simon

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

Share this post


Link to post
Share on other sites
acuitas    1
acuitas

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
acuitas    1
acuitas

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
James B    436
James B

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

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


×