Facebook like button ovelapping with Tweet

Posted in: Newspaper
Post count: 62

Hi, I have a site on Croatian language (atma.hr) and since ‘Like’ is translated to a longer word, what happens is overlapping with Tweet button. The width of FB Like button should be 135px instead of 105px which is set but I don’t know how to change it.

I guess you should see this when you are located in Croatia, not from other countries.

Here is the screenshot:

facebook like overlap with tweet

Thanks

Post count: 23312

Hello dharma3d,

Try to use the custom code from this topic here -> https://forum.tagdiv.com/topic/sharing-buttons-4/

Thanks for the message!

Post count: 62

The code looks like it should solve the problem but no change…

Post count: 22421

Please provide a link to your site so I can inspect the button and see why the code does not apply.

Thank you!

Post count: 62
Post count: 22421

Unfortunately I cannot see the like button overlapped on your site so I have no way of investigating the code if the problem is not present.
Thank you!

Post count: 62

What needs to be done is apply css styling to iframe but that doesn’t work like this:

.td-classic-facebook iframe

If you can find a solution that would be great.

If not, anyway not such a big problem. Thanks anyway.

Post count: 22421

The css from the refference above works fine:

.td-classic-facebook iframe {
min-width: 150px!important;
}

Add this code in your theme panel-> custom css box

Thank you!

Post count: 62

The code is there from Jan,23 but unfortunately it doesn’t work for me…

Post count: 22421

You have a problem in your custm css box. Please check the code above this one as it could not be closed properly. Please remove all the other code and only leave this one. Alternatively provide a picture of the full css in your box and I will tell you what is wrong with it. The red X on line 12 warns you of errors.
Thank you!

Post count: 62

Oh, yes, you are right… There should be }} in the previous code.
Sorry for this and thank you!

Post count: 62

Hi, after updating the the to (from 7.6. to 8.6) thins doesn’t work anymore. Since there is no more Tweet button there is no overlapping but Facebook likes count button is not big enough.

null

In this screenshot you can only see ‘Sviđa mi se 1,3’ but there should be ‘Sviđa mi se 1,3 tisuća’

  • This reply was modified 8 years by dharma3d.
Post count: 20688

Hi,

Indeed that code may not work anymore, there have been changes made to the sharing. Try this one now (remove the old one, no need for it)

.td-post-sharing-classic iframe {
width:200px!important;
}

Thanks

Viewing 13 posts - 1 through 13 (of 13 total)
The forum ‘Newspaper’ is closed to new topics and replies.