Aligning in cart section

Solved

Aligning in cart section

cheriesapparel
Excursionist
12 0 3

Hello, I tried to follow a method to add in Gift Wrapping Services and it is included but not align with other text within the cart section. Is there a way to make it align with the rest of the text? 

cheriesapparel_0-1736297933498.png

https://608ll4z28sc4w0vq-65617789080.shopifypreview.com

This is the preview to my website. 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10768 2128 2249

This is an accepted solution.

Hi @cheriesapparel 

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

#MainContent #is-a-gift {
   max-width: var(--page-width);
   margin: 0 auto;
}
@media (min-width: 750px) {
   #is-a-gift { padding: 0 5rem }
}
@media (max-width: 749px) {
   #is-a-gift { padding: 0 1.5rem }
}

Screenshot 2025-01-08 at 09.07.42.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
10768 2128 2249

This is an accepted solution.

Hi @cheriesapparel 

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

#MainContent #is-a-gift {
   max-width: var(--page-width);
   margin: 0 auto;
}
@media (min-width: 750px) {
   #is-a-gift { padding: 0 5rem }
}
@media (max-width: 749px) {
   #is-a-gift { padding: 0 1.5rem }
}

Screenshot 2025-01-08 at 09.07.42.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

cheriesapparel
Excursionist
12 0 3

thank you, it works for me now. 

Dan-From-Ryviu
Shopify Partner
10768 2128 2249

Very welcome!

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

DaisyVo
Shopify Partner
2534 316 364

Hi @cheriesapparel 

 

I hope you are well. You can follow our instructions below:


1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

 

Here is the code for Step 3:

 

div#is-a-gift {
    max-width: 120rem !important;
    margin-inline: auto !important;
    padding: 0 5rem !important;
}

 

image (42).png


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

topnewyork
Astronaut
989 136 170

Hello, @cheriesapparel 
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

 

#MainContent #is-a-gift {
   max-width: var(--page-width) !important;
   margin: 0 auto !important;
}

@media (min-width: 770px) {
   #is-a-gift { 
    padding: 0 4.5rem !important;
}
}

@media (max-width: 769px) {
   #is-a-gift { 
   padding: 0 1.4rem !important;
}
}

 

 Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month