font size of the product title

Solved
WhitneyWoo
New Member
3 0 0

How to change the font size of the product title? My product title looks great on pc but too large on mobile. So i want to change their size on mobile. I am using debut theme now.

0 Likes

This is an accepted solution.

Hello,
Please share your site url.
So that I can check and let you know the exact solution here.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Speedimize
Shopify Partner
213 35 93

This is an accepted solution.

Hi @WhitneyWoo 

Aibek is here from Speedimize.io

Add the style below to the end of theme.scss:

@media (max-width: 767px) {
  .grid-view-item__title, .grid-view-item__meta {
        font-size: 0.6em !important;
  }
}

For the mobile version, the font size will be smaller. In any case, you can experiment, reduce and increase the font-size until you decide that the size will fit. 

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
0 Likes
WhitneyWoo
New Member
3 0 0
Thank you! I solved my problem with the product title font size. May you
tell me how to change the price color?
0 Likes
Natztech
Shopify Partner
600 155 371

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
Speedimize
Shopify Partner
213 35 93

Hey @WhitneyWoo 

In theme.scss, find the .product-price_price class. To find a class, open theme. scss, press ctrl+f or cmd+f and enter the name of the class.

Inside this class, there will be a color property that is responsible for the color of the price.

.product-price__price {
    display: inline-block;
    color: #788188; // цвет по умолчанию. Можете менять на любой цвет
}

This way you will change all the colors with this class. If you only want to change it in collections, since the same class is used on the product page, then add the code below to the end of theme.scss:

.template-collection .product-price__price {
    color: #788188; // тут подберите подходящие цвет
}

 Hope that helps you.

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
0 Likes
WhitneyWoo
New Member
3 0 0

my theme.scss.liquid does not include .product-price_price. So i can not follow your guide to edit my code. Can you please tell me your email address? I want to send you a file of our theme.scss.liquid code, then maybe you can find where to set the price color. 

0 Likes
Speedimize
Shopify Partner
213 35 93

Sure thing, send me here hello@ speedimize. io 

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
0 Likes