Theme coding

Solved
Highlighted
Tourist
6 0 0

Hello. I would need this centered if that is possible. the code I used to get this in here is: 

{% if product.compare_at_price_min > product.price_min %}
{% capture discount %}
{{ product.compare_at_price_max | minus : product.price }}
{% endcapture %}
<div>You Save: {{ discount | money }} </div>
{% endif %}

122548658_837879200290392_4049536460644272044_n.png

Thanks!

0 Likes
Highlighted
Shopify Partner
645 93 164

Please provide website url and if your store is password protected then also provide password

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted

This is an accepted solution.

Hi @Blaz 

Think I found your website

Change

 

<div>You Save: {{ discount | money }} </div>

 

to

 

<p class="text-center">You Save: {{ discount | money }} </p>

To get rid of space under the text you see in the below picture

<p class="text-center" style="margin: 0;">You Save: {{ discount | money }} </p>

 

 

Assuming below is your website

https://furrsie.com

End result:

Defineify_1-1603452521577.png

 

 

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
Highlighted
Tourist
6 0 0

Thank you very much! I have another question tho... Can I reduce this spacing between The Coziest Onesie Of 2020!  and variations?Inked1_LI.jpg

0 Likes
Highlighted
Tourist
6 0 0

Inked1_LI.jpg

ok for some reason it didnt upload the picture haha...

0 Likes
Highlighted
Shopify Partner
645 93 164

This is an accepted solution.

@Blaz Please place this code at the end of theme.scss

@media only screen and (max-width: 450px) {
  .product__content-header {
padding-bottom: 0px;
}
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
Highlighted
Tourist
6 0 0

It worked, thank you very much!

0 Likes
Highlighted
Shopify Partner
645 93 164

@Blaz please like my answers too

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Tourist
6 0 0

I did like it, thank you again! I do have one more question... Can I reduce this spacing?1.PNG

0 Likes
Highlighted
Shopify Partner
645 93 164

This is an accepted solution.

@media only screen and (max-width: 750px) {
#shopify-section-product-template .product__description {
margin-top: 7px;
}
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com