Joomla Templates Club 406,261 posts

[freissmann Developer freissmannJoin date: February 2011Posts: 294Downloads:0Uploads:71 Thanks: 79 Thanked: 29 times in 1 posts]

#168657

I integrated all social buttons and have a strange layout issue.

Target is to display all buttons next to each other (horizontal). Well the actual result is a bit disappointing and changes depending which browser is used. Please see the attached sreenshots.

I couldn’t figure out the correct CSS settings for .ja_socialbeforecontent (guess that is the one..) to show them up right next to each other.

Any ideas?

---

Attachments:

1. 
2. 
3. 

[buybarato Friend buybaratoJoin date: January 2011Posts: 52Downloads:0Uploads:1 Thanks: 8 Thanked: 2 times in 1 posts]

#413327

Can you put your url for check the css code?

[freissmann Developer freissmannJoin date: February 2011Posts: 294Downloads:0Uploads:71 Thanks: 79 Thanked: 29 times in 1 posts]

#413328

hi buybarato,
well, the site is still on the local dev system – will upload it soon.
Here the relevant css:

.ja_socialbeforecontent {
display: block;
margin-bottom: 5px;
width: 98%;
}
.blog-featured .ja_socialbeforecontent {
width: auto;

[freissmann Developer freissmannJoin date: February 2011Posts: 294Downloads:0Uploads:71 Thanks: 79 Thanked: 29 times in 1 posts]

#414091

OK, now dev site is online and still has the problem that social buttons do not show up in horizontal order (is it the FB button which insers a break?

http://dev.rrcg.de

[Arjen Bruinning Friend Arjen BruinningJoin date: September 2014Posts: 12Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#439123

Dear Frank,

I’m interested how you did solve these horizontal social buttons, like you have on your site now.

Kind regards, Arjen

[Author]

Posts