Archived Forums

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

News365
Wednesday, 28 August 2019

Hello,

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,
John

Accepted Answer

Hi,
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
News365
# Permalink

Responses (2)

Hello,

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,
John

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