How to center custom l line on my cart page

How to center custom l line on my cart page

novurituals
Visitor
3 0 0

Hi everyone 

 

New to using shopify, not a techie at all. 

 

I have added this liquid code line on my cart to show progress on getting free shipping:

 

0 AED <progress max="15000" value="{{ cart.total_price }}"></progress> 150 AED

<br>{% if cart.items.size == 0 %}Add items to your cart to receive free shipping.{% endif %}{% if cart.items.size != 0 %}{% if cart.total_price >= 15000 %} You've got free shipping 👌{% elsif cart.total_price < 15000 %}You're only {{ 15000 | minus: cart.total_price | money }} away from free shipping.{% endif %}{% endif %}

 

How can I center this line on my screen? 

Replies 5 (5)

webwondersco
Shopify Partner
1113 164 162

@novurituals , Hope you are doing well.

 

Could you please share your store URL? Also, share the screenshot where you would like to center the text.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
novurituals
Visitor
3 0 0

Hi, sharing the link and image below. thanks 

 

https://novurituals.com/  

Screenshot 2024-02-04 at 1.29.56 PM.png

webwondersco
Shopify Partner
1113 164 162

@novurituals , Please add the below line of CSS in your style.

 

section#shopify-section-template--21828227432755__custom_liquid_RHYCbU {
    text-align:center;
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
novurituals
Visitor
3 0 0

Screenshot 2024-02-04 at 1.44.20 PM.png

  Im getting this 

webwondersco
Shopify Partner
1113 164 162

Try by adding below CSS:

 

.section-template--21828227432755__custom_liquid_RHYCbU-padding {
    text-align:center;
}

 

webwondersco_0-1707041897057.png

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram