Joomla Templates Club 406,261 posts

[txt007 Friend txt007Join date: June 2010Posts: 67Downloads:0Uploads:34 Thanks: 28 Thanked: 2 times in 1 posts]

#168012

Hi,

I have updated my system JA Social to version 1.1.0. My joomla is 1.7.0 with JA Methys v.1.0.0 (unable to update to 1.2.0 with JA extension manager while other updates are smooth, Just give “Processing. Please wait…” until my login to my site auto-expires and nothing happen )

Is there a way to align the social buttons in a line (frame or table/td or kind of)? see picture attached.
The G+1 button is always on the second line (whatever format, vertical or horizontal) i choose in the backend plugin manager) (I tested with the Buzz button, it also goes to second line, while the Facebook and Twitter buttons are aligned on the same line. I want all the three buttons are on the same line.

thanks,
txt007

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#409743

Hi
Would you mind update me with your live site url and which page you are mentioned .
Thank you
Viet Vu

[txt007 Friend txt007Join date: June 2010Posts: 67Downloads:0Uploads:34 Thanks: 28 Thanked: 2 times in 1 posts]

#409744

Thanks Viet,
my site: drtran.ca
the issue is on every article.
txt007

<em>@jooservices 264097 wrote:</em><blockquote>Hi
Would you mind update me with your live site url and which page you are mentioned .
Thank you
Viet Vu</blockquote>

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#409745

Hi
Do you mean it should like this ?

---

Attachments:

1. 

1 user says Thank You to jooservices for this useful post

1. txt007

[txt007 Friend txt007Join date: June 2010Posts: 67Downloads:0Uploads:34 Thanks: 28 Thanked: 2 times in 1 posts]

#409746

yes. That’s right. 🙂 and if the email and print icons and the date could also go in the same line, it would be perfect for me.

txt007

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#409747

Hi
For as my screenshot please paste this code into your template.css


.ja_socialbeforecontent{display:inline-block}
.ja-fblike-button,.ja-retweet-button,gplusone-share-button{float: left; width: auto; margin: 5px;}


About email / print icons, right now we can’t do . Because it’s placing in another html block code.
If you still need it, please update PM me w/ you FTP access so i can help you to do.
Thank you
Viet Vu

1 user says Thank You to jooservices for this useful post

1. txt007

[txt007 Friend txt007Join date: June 2010Posts: 67Downloads:0Uploads:34 Thanks: 28 Thanked: 2 times in 1 posts]

#409748

Thanks Viet,
code added in the template.css but still looks the same. Cache cleaned.
txt007

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#409750

Hi
Sorry this’s my mistake missing a “dot” in code. It should be like this


.ja_socialbeforecontent{display:inline-block}
.ja-fblike-button,.ja-retweet-button,.gplusone-share-button{float: left; width: auto; margin: 5px;}


Thank you
Viet Vu

1 user says Thank You to jooservices for this useful post

1. txt007

[txt007 Friend txt007Join date: June 2010Posts: 67Downloads:0Uploads:34 Thanks: 28 Thanked: 2 times in 1 posts]

#409947

many thanks Viet.
much appreciated for your assistance.
txt007

<em>@jooservices 264105 wrote:</em><blockquote>Hi
Sorry this’s my mistake missing a “dot” in code. It should be like this


.ja_socialbeforecontent{display:inline-block}
.ja-fblike-button,.ja-retweet-button,.gplusone-share-button{float: left; width: auto; margin: 5px;}


Thank you
Viet Vu</blockquote>

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#409948

You are welcome
Topic mark as SOLVED.

[Author]

Posts