No, that is not the Facebook Like button that comes with the Newspaper theme, but a button generated by an extra plugin.

I removed the one that comes with the theme because I got really annoyed by it getting cut off.

If you look at the website on your mobile phone, you can still see the one generated by the theme, and there too, it gets cut off.

Almost all of our readers come to our website through Facebook. I need the button to work and look good, and I am not happy that I have to install another plugin just because the tagdiv one does not display like it should. I really think there is either a bug in the code. It is impossible to bypass the code generated by Facebook. No matter what I try.

Please look at the article mentioned above on your mobile phone to see what I mean. Or narrow your screen to the size of a mobile phone, that should work too.

https://www.develdhovenaar.nl/28/03/2021/karin-jonkers-en-haar-honden-helpen-kinderen-vooruit/ –> an example page on which the cut-off LIKE button can be seen

Hi, I have the same question as TS, only your provided CSS code `.td-post-sharing-classic iframe {
width:auto!important;
}`
does not work in my case.

I already tried de-activating all plugins, and also all plugins except the tagdiv ones, and both make no difference. It still happens. So it is not a plugin causing this.

I also removed all custom css code, makes no difference – like button still gets cut off. So I did not create a conflicting css addition either.

A link to a post that shows the like button getting cut off is here – above the article as well as below it is a like button.

I did add above mentioned code to the Theme Panel Custom Code CSS section. No errors are shown there.

Do you have any ideas on how to “widen” the like button so it shows all text and numbers?

• This reply was modified 5 years by FiekeB.

UPDATE:

I tried a couple more things in the settings and came up with this:

Container width – 1166px
Content width – 100%
Height – auto
Padding – 22
Offset – 0
Position – Relative to screen
Horizontal align – center

And now it looks okay – in MY browser, Chrome on a MacBook.

Was this this the right way to achieve it in Newspaper theme? Surely more people will have this problem. This works for me now. Hopefully it will display nicely in other browsers and on other (bigger, smaller, other operating system) computers.

• This reply was modified 5 years by FiekeB. Reason: typo