How can I center the sale prices on phone displays?

Store Design
1

hi please how can i center the solde prices in phones ?

Screenshot (346).png
Screenshot (346).png1920×1080 248 KB

1 Like
2

@amine15

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

i already find the solution for this problem but now please i want to add some space between the two prices in computer website

Screenshot (348).png
Screenshot (348).png1920×1080 365 KB

4

https://amineguebas.myshopify.com/admin/themes/128699728056/editor

code shiro

5

@amine15

thanks bt its password protect

1 Like
6

password : shiro

7

password : shiro

1 Like
8

@amine15

thanks but i can see all center please sent issue image!

9

i already find the solution for this problem but now please i want to add some space between the two prices in computer website

1 Like
10

Screenshot (350).png
Screenshot (350).png1920×1080 338 KB

11

Hi @amine15 ,

It seems that your store is password-protected. Please kindly provide the password so I can check your store.

Thanks

12

password : shiro

13

Just follow the below steps:

  1. Go to online theme → edit code → Assets/theme.css

  2. Ctrl + F, find css class name, .price–on-sale .price-item–regular

  3. add one code snippet

.price--on-sale .price-item--regular {
    padding-left: 10px; // add this line, toda
    text-decoration: line-through;
}

Hope it works

1 Like
14

Hi @amine15 , you can have a try at my solution.

1 Like
15

@amine15

yes, please try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 391px) {
.price-item--sale {margin-right: 5px;}
}
1 Like