Easy Tags inline layout

Gastalver
Offline

Active Subscriptions:

None

9 years 5 months ago #48922 by Gastalver

Easy Tags inline layout was created by Gastalver

I'm inserting easy tags in Kunena Announcements module: 'Facebook like' and 'Google Plusone' tags. They are perfectly rendered. But I have a style question.
How can I get all the social buttons generated with easy tags displayed inline? I have noticed that each button is inserted inside a <div> with a style class. Is there an easy way to do it? I mean, a way that not implies to modify the style class.
What I want is one botton displayed next to the other, horizontally. Not one button under the other.

Thanks in advance for your help.

The topic has been locked.

mel
Offline

Support Specialist

9 years 5 months ago #48926 by mel

Replied by mel on topic Easy Tags inline layout

A quick way that you can do this is to put a div around your EasyTags that float them, etc.

Try this example div below. These are the classes/styles that are added in the JFBCContent plugin when rendering the buttons, so if you use this div you should easily get yours next to each other.

<div class="scsocialbuttons box_count" style="position: relative; top: 0px; left: 0px; z-index: 99;">
{JFBCLike layout=box_count}{SCGooglePlusOne layout=box_count}
</div>

The styles for these classes are defined in /media/sourcecoast/css/jfbconnect.css.

This should get you started, but let me know if you run into any issues.

-Melissa

The topic has been locked.

Gastalver
Offline

Active Subscriptions:

None

9 years 5 months ago #48936 by Gastalver

Replied by Gastalver on topic Easy Tags inline layout

Thank you Melissa. I will try it.

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

Easy Tags inline layout