Topic-icon Horizontally aligning plugins

Active Subscriptions:

None
14 years 3 months ago #19631 by carque
Hi all
I'm using {SCGooglePlusOne},{SCTwitterShare} and {JFBCLike} together.
Unfortunately, I'm unable to align horizontally. I simply need to have all three plugins on the same row:


I also tried to enclose in [div] tags:
[div]
    [div]{SCGooglePlusOne url=http://www.unquadratodigiardino.it annotation=bubble size=standard}[/div]
    [div]{SCTwitterShare url=http://www.unquadratodigiardino.it}[/div]
    [div]{JFBCLike}[/div]
[/div]
but not worked.

Some suggestions, please?
Thank you
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19633 by mtk
Replied by mtk on topic Horizontally aligning plugins
Hello,
the CSS included in JFBC extension should take care of that, but try adding this:
div.scsocialbuttons div {
float: left;
to your existing CSS.

Mati
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19634 by carque
I enclosed
div.scsocialbuttons div {float: left;}
in my template.css, and


but they are still unaligned
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19635 by carque
Is div.scsocialbuttons class used in plugin view?
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19637 by carque
Now I have





I changed "Width" in "Like" - "Article View Setting" with some different values but layout don't change.
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19638 by mtk
Replied by mtk on topic Horizontally aligning plugins
I'd recommend removing all the DIVs (and Ps) you have added, and then let us know what is the clean code generated by the plugin.
it would be easier to set the CSS with less HTML tags.

Mati
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19641 by carque
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19642 by mtk
Replied by mtk on topic Horizontally aligning plugins

carque wrote: Sorry, no success:





Live url is: werde.it/bozze-di-redazione/idee-impaginazione.html

that is because the width of the LIKE section is too wide.
set it closer to 400px and not 450.
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19650 by carque
Okay, solved just by adding "width=200".

Thank you, Mati

Carlo
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19693 by mtk
Replied by mtk on topic Horizontally aligning plugins

carque wrote: Okay, solved just by adding "width=200".

Thank you, Mati

Carlo

Glad to hear that helped.

Let us know if you need anything else.
The topic has been locked.