Topic-icon Like button in articles only partially appears but send button works

Active Subscriptions:

None
Not sure what might be causing this. I have attached a screenshot. Happens on any article I test (see link below if you wish to test). It does flag it as liked however

File Attachment:
...

www.barkleyandpaws.com/best-dog-food-hom...-your-dog-will-love/
The topic has been locked.
Support Specialist
Mark,
Sorry for the delay. Usually, the problem you mention is specific CSS issue. In your case, it was a new CSS style we hadn't seen causing issues before. I'm not sure of the exact name of your template CSS files because you have some compression/optimization stuff going on. However, I'll tell you what I can.

The problem file is: templates/rt_leviathan/css-compiled/master-c3476a32df433a224bc90d2454fc6e3b.css
The problem style is:
iframe, svg {
max-width: 100%;
}
That's causing the Like button iFrame to not expand beyond the width of the Like button itself when the comment box opens up.

Hopefully that's enough info for you, but if you need more help, please disable your compression/optimization plugin and let me know.

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

None
Thanks very much! It is a standard Rockettheme template. I a novice with CSS so I'm not sure what to do with the information you shared. I did disable the "less" css compiler so hopefully now you might be able to see the issue. Since I haven't modified anything my guess is anyone else with this Rockettheme template (this is the current on for this month), is having the same issue.

Thanks very much!
The topic has been locked.
Support Specialist
The CSS is still showing as compiled. Can you clear your Joomla cache?

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

None
Well even though in the advanced tab in the template it says it disables the less compiler, looking in the Rockettheme forum they say you can't turn it off. So that really makes trouble shooting these issues really hard. Not sure what to do next other than I'll pass along what you said and see if someone at Rockettheme can help.
The topic has been locked.
Support Specialist
Yeah, not sure either. That CSS style is definitely what's wrong, but I'm not sure where it's being included from or the structure of their CSS files for that template at all.

You can try to do a search across all CSS files of the template for that text, but that would require a special program or SSH access to be able to run the 'grep' command. Once found though, it should be pretty easy to make the change.

Keep us posted, and best of luck,
Alex
The topic has been locked.
Active Subscriptions:

None
Rockettheme was able (with your help!) to get this fixed. Every theme has a custom css override. I'm using it already for the backgrounds and other changes. They provided the code that needed to be changed and it is working perfectly now! Thanks very much for your help. I may be back late for help with the open graph actions (specifically article reads). I have followed your instructions completely but something is still wrong (I'm sure I've missed something simple).
The topic has been locked.
Support Specialist
Awesome! Glad to hear you got it going and that we pointed you in the right direction.

Feel free to post about the Open Graph Action issues your having. We're helping people all the time with minor problems and using that information to try to make our documentation, and the next release, even easier. Please create a new topic though to help keep things tidy.

Thanks, and good luck,
Alex
The topic has been locked.