How can I space the shop pay banner above the drop down menus?

Solved
BrysonGodo
Explorer
51 0 9

Hello, I just need help spacing the shop pay banner from the dropdown menus a little bit as it looks way too close and makes it look weird. Any help would be appreiated!

Untitled design - 2021-07-25T142103.210.png

0 Likes

Hi! 

You will need to add/change css in theme code to add margin or padding for space. Please share your store url so i can let you know which attribute to add in code and in which file. 

Thanks! 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on contact.multiinsight@gmail.com regarding any help
- WhatsApp +92 317 4969603
0 Likes

This is an accepted solution.

ok first make a copy of your live theme as a backup. Then goto edit code and search for product-template.liquid file.  At top of this file paste the following code. This will add the space below shop pay banner. If you want to increase or decrease the space then change the px number accordingly like 20px or 50px. 

<style>

.grid.grid-small {
margin-top: 30px;

</style>

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on contact.multiinsight@gmail.com regarding any help
- WhatsApp +92 317 4969603
BrysonGodo
Explorer
51 0 9

It worked! Thanks so much again for your help!

BrysonGodo
Explorer
51 0 9

Oh yeah, one more thing. How can I get it to not say "orders between $50 and $1000 dollars" but instead have it say "4 interest-free payments of (product price)"

0 Likes

This text is not customizable so can't change it.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on contact.multiinsight@gmail.com regarding any help
- WhatsApp +92 317 4969603
0 Likes
morganbw6
New Member
2 0 0

Hi! I was wondering if you could help me with the same thing. I can't figure out how to get the "shop pay" info moved up so that it's closer to the price and away from the variants (where it says metal color). I would like it closer to the "Tax included" so that it's snug against the pricing.

Thank you in advance!

fesa.png

0 Likes
morganbw6
New Member
2 0 0

Hi,

Please follow these steps to bring the shop pay message closer to tax included text. 

1- Go to Themes> actions> edit code.

2- search for file named Theme.scss under Assest folder. 

3- press control+F command and search for .product__policies class. 

4- set the margin-bottom: 5px; (currently it's 40px)

5- Save the file and refresh your website to see the changes, 

Here is screenshot of how it would look 

Capture.PNG

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on contact.multiinsight@gmail.com regarding any help
- WhatsApp +92 317 4969603
0 Likes