1. News365
  2. Wednesday, 28 August 2019

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,
Accepted Answer
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
  1. more than a month ago
  2. News365
  3. # Permalink
Responses (2)

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,
  1. more than a month ago
  2. News365
  3. # 1

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

This forum is archived

This forum has been archived. Please use JoomShaper official support system.