Topic-icon Facebook like button not aligned

Active Subscriptions:

None
9 years 4 days ago #53011 by julcam
This has bugged me for a while, so I am hoping to get some helping fixing this issue. The facebook like buttons on each article is not aligned with the other buttons.



Is there something I can do to fix this?

Also, my pinterest button no longer shows up. Here's a page where it should show up: www.jcblog.net/ephesians/1/1-2-grace-and-peace-to-you
I use to get a lot of pins but now nothing since I my button stopped showing up.

Any suggestions?
Thanks Juli
The topic has been locked.
Support Specialist
9 years 4 days ago - 9 years 4 days ago #53014 by mel
1. We've seen recently that Facebook is adding a vertical-align:bottom style to the Facebook button. You can override it by adding the following style:
div.scsocialbuttons .fb-like > span{
vertical-align:initial !important;
}

2. I believe that the Pinterest button will only show if there is an image in the article text. For the link you provided, is that image set as the image for the article or is it in the article text?

-Melissa
Last edit: 9 years 4 days ago by mel.
The topic has been locked.
Active Subscriptions:

None
8 years 11 months ago #53177 by julcam
Thank you, I will try it. However I am not sure where I am suppose to add this code?

Also, the image is set as the image for the article not in the article itself. It use to work.
The topic has been locked.
Support Specialist
8 years 11 months ago #53180 by alzander
You can add that CSS to any file that gets loaded on your page. Most templates have a 'custom.css' file, or something similar, that's specifically meant for end-user changes. You can also add it to our /media/sourcecoast/css/jfbconnect.css file, but that change will be overwritten when you upgrade JFBConnect next.

Also, the image is set as the image for the article not in the article itself. It use to work.

Can you explain this a bit more? If you can provide a specific URL along with the image you expect as well as the one that is being used, that will help us investigate more.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
8 years 11 months ago - 8 years 11 months ago #53194 by julcam
Thank you, I have added the code to the template's custom.css file and it did fix the vertical alignment issue, however there is still a space between that and the other buttons.

For the pinterest button, it no longer shows up at all. I mentioned it in my original post. Melissa asked, " I believe that the Pinterest button will only show if there is an image in the article text. For the link you provided, is that image set as the image for the article or is it in the article text?" to which I replied that it is set as the image in the article (under the different tab) and not in the article itself, and this use to work but no longer does.

Here is a link to an article: www.jcblog.net/ephesians/1/13-14-marked-with-a-seal
here is the screenshot of both issues:


Thank you so much for your help and support.
Juli
Last edit: 8 years 11 months ago by julcam.
The topic has been locked.