How can I center the progress bar on an image?

Technical Q&A
1

Good day! How can I align the progress bar on the center of the image?

Here is he code that I used

{% if cart.items.size == 0 %}Add items to your cart to receive free 3KG DVPEACHES.{% endif %}{% if cart.items.size != 0 %}{% if cart.total_price >= 400000 %} You've got free 3KG DVPEACHES!{% elsif cart.total_price < 400000 %}SHOP {{ 400000 | minus: cart.total_price | money }} MORE TO GET FREE 3KG DVPEACHES!{% endif %}{% endif %}

IamLLIIME_0-1648002957933.png
IamLLIIME_0-1648002957933.png432×430 33.1 KB

2

Hello , @OLDTIMEMF

Can you please provide your store url ?

3

@jaydeep_312 I’ll just share you a preview. It is not currently up yet

https://8wqg8qixb4ml2ds0-44523618461.shopifypreview.com

4

Hello , @OLDTIMEMF

There is no image beside progress bar

1 Like
5

@jaydeep_312 I’m sorry I just changed the code. Here is the code that I’am using


   FREE 3KG DVPEACHES! {% if cart.items.size == 0 %}Add items to your cart to receive free 3KG DVPEACHES.{% endif %}{% if cart.items.size != 0 %}{% if cart.total_price >= 400000 %} You've got free 3KG DVPEACHES!{% elsif cart.total_price < 400000 %}SHOP {{ 400000 | minus: cart.total_price | money }} MORE TO GET FREE 3KG DVPEACHES!{% endif %}{% endif %}

6

@jaydeep_312 I’m planning to use that for my store voucher could you help me how can I achieve this? Here is my voucher code

Get P150 OFF
For a minimum spend of P3500

Use the code: SUMMER150

Get P100 OFF
For a minimum spend of P2500
Use the code: SUMMER100

Get P50 OFF
For a minimum spend of P1500
Use the code: SUMMER50