Change text size of Quantity and Variants, and amend appearance on cart page with mobile screen.

Solved
Highlighted
Excursionist
22 0 2

Hi,

I need help to solve problems below.

1) I'd like to change the text size for Quantity and Variants to be same size with product's name.

2) I'd like to make product's name bigger and reduce each space between price-quantity-total on cart page with mobile screen.

Appreciate if anyone help on this...!

Site URL: https://delivery.samurice.asia

Thanks!

 

1)1)2)2)

 

0 Likes
Highlighted
Excursionist
22 0 2

Also I have one more things to solve..

On cart page I changed text to "Memo" for the instruction for seller.

However the text size is now bigger than before...

I'm now sure when it has been changed and don't have any idea to back to original text size.

Appreciate if anyone help it too.

 

0 Likes
Highlighted
Astronaut
1085 178 213

This is an accepted solution.

Hello, @Hana29 

I can help you with 1 & 2, I am about to go to work and unfortunately my time is a bit limited at this moment

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

 

.template-product label[for="Quantity"],
.template-product  label[for="quantity"],
.template-product  .selector-wrapper label{
    font-size: 24px !important;
}

@media (max-width: 767px){
    .template-cart p a[href*='products']{
    font-size: 20px !important;
}

.template-cart td[data-label]{
    padding: 0 !important;
    margin-bottom: 15px;
}
}

 

 


You can play around with the values:

24px = size for the Quantity and Variants at product page
20px = product name font size cart page
15px = bottom spacing between price-qtty-total at cart page

Let me know if it works plz

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Excursionist
22 0 2

Hi @diego_ezfy 

Thank you for your amazing help! It works perfectly!!

 

0 Likes
Highlighted
Astronaut
1085 178 213

You're very welcome! Wishing you a great day

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes