How do I make the price in cart drawer menu smaller + letter spacing 0 (Dawn Theme)

Store Design
1

How do I make the price in cart drawer menu smaller + letter spacing 0 (Dawn Theme)? I’ve been able to edit the text for everything else in the cart apart from that.

Screenshot 2023-12-19 at 19.47.30.png
Screenshot 2023-12-19 at 19.47.30.png399×306 7.07 KB

1 Like
2

Hi @PM98

Try this one .

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.cart-item__price-wrapper span {
    font-size: 12px !important;
    letter-spacing: .5px !important;
}

And Save.

Result:

Made4uoRibe_0-1703016554703.png

Im not sure if the code will work in your store but try it, and changes the size you like.

If it wont work please share your store URL. Thanks!

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Navigate to “Online Store” > “Themes” > “Current Theme” > “Edit code”. Open the file named “assets/stylesheet.css”. Add the following code snippet to the bottom of the file:
CSS
.cart-drawer__details .cart-item__price {
font-size: 14px; /* Adjust the font size as needed */
letter-spacing: 0;
}

4

Hi @PM98

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly