Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. easy tag (facebook share button) how to custom align in joomla article

Topic-icon easy tag (facebook share button) how to custom align in joomla article

Active Subscriptions:

None
5 years 10 months ago #64004 by paulfrederick
Hi,

i´m not expert in joomla, but i thought i would find it more easy to place the buttons in the article.

i dont know how to simply align the button with the other text in the article

all text has 30 px from the left border, as designed with tinyMCE, i´ve so far managed to insert the easy tag in the article (though it only shows in ghrome and not firefox), but i don´t know how to instruct in code for the tag to move 30px to the right....

i think of this as a no brainer to non-tech people like me, but still here i am asking for help for the most basic feature... :(
best regards
The topic has been locked.
Support Specialist
5 years 10 months ago #64006 by mel
Could you give me a specific URL to the page where you've inserted the easy-tag? This is usually just CSS that you need to add. If I can inspect it, I can suggest what to change.

Firefox has added default privacy settings that block social sharing buttons. We can't force a user's settings to allow the rendering of the buttons, so it's out of our hands. The setting is called "Tracking Protection" and you can read more about it here . You can try to disable the setting on your browser to make sure that's the issue.

-Melissa
The topic has been locked.
Active Subscriptions:

None
5 years 10 months ago - 5 years 10 months ago #64007 by paulfrederick
Hello Melisa,

the firefox issue was in fact what you said. Thanks for the update.
About the aligment....this is the url, though it´s an issue i wll have in all my pages, so solving it once is usefull to them all.
www.escuelacosmetologiabf.cl/quienes-somos
you can see how the button automatically aligns to the left, while text has 30 px from the border.
Please advice with detail cause i´m no expert and there are at least 6 files in the css folder, plus i believe they are overwrtitten when upgrade if customized improperly
the ideal situation would be to have a procedure to adjust the position of the button wherever positioned in the page.
thanks
Last edit: 5 years 10 months ago by paulfrederick.
The topic has been locked.
Support Specialist
5 years 10 months ago #64008 by mel
I would suggest you put the change in your template's CSS file, not the JFBConnect media css files. That way you won't lose the changes on upgrade of JFBC.

If you add the following code to your stylesheet, it should work for pages that have the margin-left of 30.
.sourcecoast.facebook.share.jfbcshare.jfbcsharedialog {
margin-left: 30px;
}

-Melissa
The topic has been locked.
Active Subscriptions:

None
5 years 10 months ago #64009 by paulfrederick
Hello Melissa:

I´m afraid it does not work.
i´m feeling a bit frustrated about having paid 60us$ just to insert a facebook share button and not being able to do it right.
i am attaching image of where i inserted the code, to my best guess, since no specific place in the template.css file was advice.


i need to tell you that i had to desable three settings in the configuration panel to avoid the "facebook registration button" appear in a login section that we use to our video pages.
i attach photo of this seting i disabled, the result was effective, meaning the facebook registration button desappeard from the videos pages, but maybe this is the reason why the code you gave me for the buttons position doen´t work?? perhaps one thing has nothing to do with the other...
The topic has been locked.
Active Subscriptions:

None
5 years 10 months ago #64014 by paulfrederick
Hello Melissa,

while i awaiting for your reply i tried writing the code between the sections of the template.css file called "/* Begin Additional CSS Styles */"
and "/* End Additional CSS Styles */"
both are located at the end of this file
just in case someone else needs this reference...:)
The topic has been locked.
Active Subscriptions:

None
5 years 10 months ago #64017 by paulfrederick
Hello Melissa,

as i posted earlier i found the right place to wrtite the code you gave me, an it worked.

Now, to continue my installation i need to place the linked in share button on the right of to the fb share button i just placed
but the linked in button automatically sets itself in the line bellow...
can you please advice on how to put the linked in share button right beside the facebook share button?
thanks
The topic has been locked.
Support Specialist
5 years 10 months ago #64018 by alzander
I'm glad to hear you got things working with the share button. I'm sorry we didn't get back to you sooner on that request.

As for the LinkedIn button, the following CSS should make it go inline:
.sourcecoast.share {
display: inline;
float: left;
}
With that said, I'm not sure if you've seen, but JFBConnect has multiple other ways that might be easier to add social sharing buttons. I just want to call them out in case it helps:
* If you enable our JFBConnect - Content plugin, then in the Social configuration area of JFBConnect, you can have the social buttons and Facebook Comment box automatically added to your content. There's options for where the share buttons will appear (top or bottom of article) and it can also automatically put them in a blog layout view with links to the right article. It's by far the easiest solution to add sharing buttons to your content.
* The JFBCSocialShare module lets you configure the social sharing buttons to appear in any normal Joomla module position. It also has features to let you create a 'floating' bar, like the one in the bottom right of this page. This is great if you want to add sharing buttons site-wide or in more areas than just Joomla articles.
* The JFBConnect Widget module lets you configure any individual social button (along with a lot of other social features) that can be displayed in any module position.
I want to call the 2 module options out because Joomla is based around modules, so knowing how to setup a lot of the features using modules may helps. The Easy Tags are great, but they can be complex and have styling issues.. but they fit the need in some cases as well.

I hope that helps, but if you need anything else, just let us know.

Thanks,
Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. easy tag (facebook share button) how to custom align in joomla article
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS