Log in | Register
  1. Forum
  3. Discontinued Products
  5. JLinked Joomla 2.5 Support (CLOSED)
  7. Social Sharing buttons crowding content

Topic-icon Social Sharing buttons crowding content

Active Subscriptions:

None
11 years 9 months ago #24806 by manyspears
See: www.disruptivate.biz/news/9-intern-insights-from-ben-grabow

Any easy settings to provide more padding around your social buttons, to keep them from crowding the top of the article?

Obviously like a fix that applies everywhere- rather than to a specific article.
The topic has been locked.
Support Specialist
11 years 9 months ago #24807 by alzander
Adding the following to your template's CSS file should do it for you. Any CSS file that's loaded on the page should work, and most templates have a file just for users to edit:
.scsocialbuttons { margin-bottom: 25px; }

Hope that helps!
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24808 by manyspears
Shouldn't that go in the JLinked CSS file (/assets/jlinked.css)? Or does it have to be in the template?

Obviously would prefer this padding to transfer across any template I choose.
The topic has been locked.
Support Specialist
11 years 9 months ago #24825 by alzander
It's up to you where it goes. It can go in the JLinked.css file, but that will be overwritten as you upgrade JLinked. However, each template may need a slightly different margin since each template will display the article differently. So, it's likely best to put it in each template so that you have more control over that look for each template.

Hope that makes sense!
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24836 by manyspears
I've tried this code in both the template.css file and the thirdparty.css file, and neither affects the change.

I've posted in Rocket Theme's forum (private) to ask advice there, so we'll see if anybody figures out how to fix it. Will post back here when one of their CSS gurus schools me up.
The topic has been locked.
Support Specialist
11 years 9 months ago #24855 by alzander
I actually see the change in the thirdparty.css file. If you increase the margin to 50, you'll see a difference. 25 is just too small for the height of the buttons, which are done through Javascript, so height gets a little funky.

Hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 9 months ago #24877 by manyspears
Thanks! One of the Rocketthemers replied with this post:

File Attachment:


His recommended code:

.scsocialbuttons div {
margin-bottom: 10px;
}

I added a second margin control for the bottom, and both now working fine. (I figure one should leave some room for fat fingers on tablets, etc.)
The topic has been locked.
Support Specialist
11 years 9 months ago #24889 by alzander
Awesome. Glad to hear you got a good solution. I'd definitely leave styling issues to RocketTheme, but try to help where we can!

Thanks,
Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JLinked Joomla 2.5 Support (CLOSED)
  7. Social Sharing buttons crowding content
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS