Change the font size in dawn theme cart draw

[GeeMan88]

HI there, is there anyone that can assist with the font size reduction in the dawn theme for the draw cart? As you can see if there is more then 3 digits it pushes the currency symbol to the top.

[dws_pvt_ltd]

Hello @GeeMan88 , Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on “Themes”
3. Select “Edit code”
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can’t find your custom CSS file, open “base.css” OR “theme.css”.
6. Add the following code at the end of the file.

cart-drawer-items .product-option {
        font-size: 12px;
    }

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[GeeMan88]

Hi there, thanks for taking the time to get back to me but the code did not work

[dws_pvt_ltd]

Please share your store URL and password.So that I will check and let you know the exact solution here.

[GeeMan88]

HI there, its www.mzansicouture.co.za

[dws_pvt_ltd]

Hello! Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on “Themes”
3. Select “Edit code”
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can’t find your custom CSS file, open “base.css” OR “theme.css”.
6. Add the following code at the end of the file.

.cart-item__discounted-prices > *, .cart-item__discounted-prices .cart-item__old-price {
    font-size: 11px;
}

[GeeMan88]

Hi there, I added it to the bottom of the base.css file but no changes were made and the currency symbol still went to the top of the numbers

[dws_pvt_ltd]

.

[dws_pvt_ltd]

Please try this,

cart-drawer-items .cart-item__discounted-prices > *, cart-drawer-items .cart-item__discounted-prices .cart-item__old-price {
    font-size: 11px !important;
}

[GeeMan88]

Hi there, It still did not change it.

[dws_pvt_ltd]

Please add that code in the “component-cart-drawer.css” file.

[GeeMan88]

Thank you for helping, this solution worked