HI Christopher,

It's totally possible, but maybe inside those addon you set different font-size for mobile/table view.

If you can share link to one of those pages, I can check in source code to tell more why is overriden.

CSS knowledge is available free of charge, only books and course costs. Probably in your case, example code should look like that:

@media (max-width: 860px) {
.com-sppagebuilder p, .sppb-addon-text-block .sppb-addon-content, .sppb-addon-text-block p
{ font-size: 17px;}
}

sometimes extra !important rule may be needed.

Here's a page example: https://test.preventive-health.org/services/in-home-services

Check out the paragraphs below comprehensive planning. Also this section just below the Main H1 heading (Expert in-home assistance from a licensed health professional). I'm having the problem for many of the addons that have specific styling, so I was looking for an easier solution to work sitewide versus having to separately enter values on each page. Upon browser inspection, this is what font size the section ends up showing, despite being manually set in the addon:

@media (max-width: 767px) body { font-size: 13px; }

I think it is being overridden by the addon-block styling which I don't have access to other than in the template files. I was afraid that if I edited css.template files, it will be overridden during updates. Font size is set at 17px in the template for the body.

Similar issue with headings also. It seems when a block addon is used, it wants to use the internal addon styling (not anything I can change), instead of using the predefined heading values from the template. Not all cases, but enough that I've defintely noticed and had to enter specfic heading styling for each addon, when it seems as if it should pull from the predefined values entered in the template. Sitewide changes are always preferable to having to manually enter in each section.

In addition, I did go into the template css and change the small screen side menu line size as the submenu items were far too close together before. I have not idea if the change I made will be overridden at the next update?

Hi

Upon browser inspection, this is what font size the section ends up showing, despite being manually set in the addon: @media (max-width: 767px) body { font-size: 13px; }

You are mistaken about this. Font size is 14px - since you tuned it in add -on. There are no hidden adjustments to the addon to which you do not have access.

To control the font size without introducing the settings on each page, remove all the font size from the addons and use CSS by placing your CSS code in custom.css file. Never edit template.css.

body {
    font-size: 17px !important;
}

For general control over the headings, the same thing - delete all the values from the addons and configure all the headings through CSS.

Example

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1 {
    font-size: 50px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 22px;
}
h6 {
    font-size: 20px;
}

In general, you can explore the code through the inspector, copy paste the entire code related to the typographic to the custom.css file and replace all with your values.

I see now. I apologize. I did not realize that the input values for addons change as to what view is open in PageBuilder.