Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Adjusting Padding on Cart Page in Dawn Theme

Adjusting Padding on Cart Page in Dawn Theme

CarCleanCC
Tourist
16 0 0

Hi!

 

I’d like to adjust the padding on my cart page and shift the cart a bit to the left to create some additional white space on the right side.

CarCleanCC_0-1732571210558.png

I would hugely appreciate the help!

Replies 3 (3)

CarCleanCC
Tourist
16 0 0

If someone is wondering I am using the dawn theme and my website URL is carcleansweden.se.

akshay_bhatt
Shopify Partner
115 10 13

Hi @CarCleanCC , 

To shift your cart left and add padding in Dawn:

  1. Find Cart Class: Inspect the cart page and identify the main container class (e.g., .cart-container).
  2. Edit CSS: Go to Online Store > Themes > Edit Code > base.css
  3. Add CSS

 

.cart-container {
    padding: 20px;
    margin-left: -20px;
}
@media (max-width: 768px) {
    .cart-container {
        margin-left: 0;
    }
}

 

 Save and Preview: Save changes and refresh the cart page to see the adjustments.

 

              

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

- Need a Shopify Specialist?
- Custom Design | Advanced Coding | Store Modifications
Email us
CarCleanCC
Tourist
16 0 0

hmm doesnt seem to work for me

CarCleanCC_0-1732617845672.png