Reduce font size 7.1?

Site URL: https://smilodon-ocelot-my5f.squarespace.com/profile

Hi,

How do I make my paragraph text smaller in MOBILE view?

Thanks!

Add to Page Settings > Advanced > Header

<style>
@media screen and (max-width:767px) {
body[data-dynamic-font-sizing-enabled="true"] .sqsrte-large {
	font-size: 15px !important;
}
}
</style>

Thanks!

I've added this to all Advanced headers of pages where this paragraph text appears for consistency in MOBILE view.

However, is there a way of adding this to all the individual product pages?

https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints/picnicstands

Or would CSS code be better suited to all pages?

19 minutes ago, mportch said:

Thanks!

I've added this to all Advanced headers of pages where this paragraph text appears for consistency in MOBILE view.

However, is there a way of adding this to all the individual product pages?

https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints/picnicstands

 

Or would CSS code be better suited to all pages?

@media screen and (max-width:767px) {
body[data-dynamic-font-sizing-enabled="true"] .sqsrte-large {
	font-size: 15px !important;
}
}

Home > Design > Custom CSS

Thanks!

Works great on all paragraph text - apart all the product pages text?

https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints/picnicstands

On 5/7/2020 at 6:42 AM, mportch said:

Thanks!

Works great on all paragraph text - apart all the product pages text?

https://smilodon-ocelot-my5f.squarespace.com/lost-america-prints/picnicstands

@media screen and (max-width:767px) {
body[data-dynamic-font-sizing-enabled="true"] .collection-type-products .ProductItem-details .ProductItem-details-excerpt {
    font-size: 20px;
}
}