I have spent hours trying the change the font size for my products but cannot manage it. Iv’e tried adding custom CSS snippets, code into the main theme.liquid but still no success. How can I do this? I am using the vision theme Many thanks Here is the link to my store: https://www.lazyluresfishin…

Hi @RVWebsitehelp Do you want to change font size for what section?

Hey there! Changing the font size on your product page for mobile should be straightforward with the right CSS targeting. Here’s how to tackle it: How to Fix It with Custom CSS1. Log in to Your Shopify Admin: Go to Online Store > Themes > Edit Code. Find the Right CSS File: Look for theme.cs…

Hello, @RVWebsitehelp Go to Online Store Edit Code Find theme.css/base.css file Add the following code in the bottom h1.product-title { font-size: 22px !important; /* increase as per your choice */ } Thanks!

Hi, I don’t have theme.css or base.css. I only have theme.liquid

The title for each product. It’s set to 100% but cannot go any lower. I need the product titles to be made smaller for mobile

Thanks you but I can’t seem to find either theme.css or style.css folders

No worries at all, on theme.liquid you can add after head like this

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings. @media (max-width: 749px) { .thb-product-detail .product-title { font-size: 1.8rem !important; } }

You can add after padding like this

Change font size on product page for mobile

Store Design

RVWebsitehelp December 10, 2024, 9:03am 9

Thanks. I will try this now. And where abouts in the code do I change the size of the font?

Topic		Replies	Views
Change Product Title Font Size (MOBILE) Turbo-Portland Theme Store Design	4	46	October 29, 2022
Change Font Size on Product title - Impulse Store Design	4	163	August 13, 2022
How to change font size for my product title Ride theme Store Design design , customizations , css , product-page	4	56	February 19, 2025
I want to change the title size on my product page on mobile and on desktop Store Design design , customizations , css , html , product-page	3	93	April 3, 2024
How can I adjust the font size of my product title on the main page? Store Design	3	49	January 29, 2023

Change font size on product page for mobile

Related topics