We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

All Title Text Sizes On Mobile Are Overridden by template.css

Featured Lock Resolved Bug

It does not matter what I set the mobile font size to on an SP Page Builder page, it gets overridden by this CSS on line 6020 of the template.css file.

@media only screen and (max-width: 768px)
.sppb-addon-title {
font-size: 22px !important;

This overrides, all Headings, paragraph, span, and div tags. What this intentional or an oversight?

Thank you,

3 Answers

Sifat - Staff

More than a month ago #Permalink
Thanks for your query. Actually this template has a different style-sheet to match with it's style and that's why some of the style classes are overridden. If you want to use your own font-size then you can use this css to change the font-size of all the addon titles.

.sppb-addon .sppb-addon-title {
font-size: 30px !important;

I'll talk to the team about that and they'll take care of that.

-Best Regards


More than a month ago #Permalink

I was having the same problem, this is very frustrating. There must be a way with CSS specificity to ensure what is set in Page Builder overrides the main template at all times.

I'll try the above CSS, thanks for posting that.

Kind regards,

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us