Joomla Templates Club 406,261 posts

[davidrabinov Friend davidrabinovJoin date: January 2010Posts: 128Downloads:0Uploads:5 Thanks: 15 Thanked: 1 times in 1 posts]

#156748

Hi,

How can I set the Facebook Share, Like and Twitter buttons horizontal. I mean, to display one after the other in a horizontal way. Right now they are in a vertical setup.

View here, right under the Conflicto Israelí-Palestino article – http://www.foxestail.com/rave/

Thank you

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#364474

Hi,

In order to do this, please write the following lines of code in the file: templatesja_ravecss

div.fb-button,
.ja-retweet-horizontal-home,
div.ja-facebookshare-button_count-home,
div.ja-facebookshare-button_count{
float: left;
display: inline;
margin: 2px 5px 2px 0px !important;
}

.article-content {
width: 100%;
}

Try and feel free to write back.

[davidrabinov Friend davidrabinovJoin date: January 2010Posts: 128Downloads:0Uploads:5 Thanks: 15 Thanked: 1 times in 1 posts]

#364699

Hi, I’m not being successfull with this, I added the code but I’m still get the same result as before.

What am I doing wrong here?

[waseemhussain Friend waseemhussainJoin date: November 2010Posts: 14Downloads:0Uploads:1 Thanks: 4]

#365246

Hi,

I tried the suggested code and it worked fine.

I have new question though.

How can I manually control where in the artcile the facebook icons will show?
In the backend I can only choose from a set number of positions.
But his there a way to call them manually like {ja-facebook} or something similar?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#365314

<em>@waseemhussain 206600 wrote:</em><blockquote>Hi,

I tried the suggested code and it worked fine.

I have new question though.

How can I manually control where in the artcile the facebook icons will show?
In the backend I can only choose from a set number of positions.
But his there a way to call them manually like {ja-facebook} or something similar?</blockquote>

Currently, the plugin supports the positions defined in the backend settings. I will discuss your issue with our developers to see if something can be done for your requirement.

Thanks

[davidrabinov Friend davidrabinovJoin date: January 2010Posts: 128Downloads:0Uploads:5 Thanks: 15 Thanked: 1 times in 1 posts]

#365450

Ok, it’s working now, sort of. It doesn’t look very good. The Twitter button is all the way to the right, and not aligned correctly. See here – http://www.foxestail.com/rave/index.php?option=com_content&view=article&id=2:ferenc-puskas&catid=2:deportes

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#365891

you add the following code into the template.css file:

div.fb-button, .ja-retweet-horizontal-home {
width: 73px;
}
div.ja-retweet-horizontal-home, div.ja-retweet-horizontal {
margin: 2px 0;
}

1 user says Thank You to Saguaros for this useful post

1. davidrabinov

[Author]

Posts