Dawn Theme: How to make the text size of "Your cart is empty" smaller.

[boxy1]

Dawn Theme: How to make the text size of "Your cart is empty" smaller? The text size is too large when viewed on a mobile device.

[BSS-TekLabs]

Hi @boxy1,

You can follow these steps to make the effect

1. Open Online Store > Theme > Edit Code

2. Find and open the base.css (or theme.css, custom.css) file

3. Paste the code snippet below at the bottom of the file and hit save

.cart__empty-text {
    /* You can this value to the font-size of your choice */
    font-size: 12px;
}

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!

[boxy1]

I have followed these instructions but it has not worked for me, thanks

[Moeed]

Hey @boxy1 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[BSSCommerce-TC]

Hi @boxy1 ,

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

@media screen and (max-width: 750px) {
   .cart__empty-text {
      font-size: 16px !important;
   }
}

[boxy1]

I have tried this too and it does not work for me, thanks

[polo_msweb · Accepted solution]

Hi @boxy1,

This is Polo from MS Web Designer. I would love to assist you with your query. 

Here is the solution: 

1. Open Online Store > Theme > Edit Code
2. Find and open the base.css (or theme.css, custom.css) file
3. Paste the code snippet below at the bottom of the file and hit save
@media screen and (max-width: 768px) {
.cart__empty-text {
    font-size: 12px; / can you adjust font size accordingly 
}}

If you have any doubt, please feel free to reach me.

Regards
Polo

[boxy1]

Hi there, this has worked, thanks very much!