Help needed with removing padding/margin inbetween my product picture and style

Solved
Chloe43
Tourist
3 1 0

Hi, 

I wanted to remove the spaces in between, so I used this code I found. So as you can see the space is gone (although I want less space), but there's this weird code on the bottom of my website. How do I erase this code, or can anyone recommend me another code? My URL is https://connectedtojesusofficial.com/products/paint-perfect-oil-painting-kit

Screen Shot 2021-04-28 at 5.32.22 PM.pngScreen Shot 2021-04-28 at 5.31.42 PM.pngScreen Shot 2021-04-28 at 5.32.51 PM.png

0 Likes
satsinghrana
Shopify Partner
132 11 21

Try to wrap the code under style tag

<style>
put your code here
</style>

 

If helpful then please Like and Accept Solution
Hire for Custom Shopify Solutions, Apps development or Any kind of Web development work.
Contact : satsinghrana1@gmail.com
See our Shopify Apps: HERE
0 Likes
Chloe43
Tourist
3 1 0

Thank you so much I'm so happy that it finally works!!

Btw do you know any code that will get rid of these? 

Screen Shot 2021-04-29 at 2.13.07 AM.png

0 Likes
satsinghrana
Shopify Partner
132 11 21

Please add this code:

body.template-product .grid__item.product-single__media-group.medium-up--one-half {
    margin-bottom: 0;
}
.product-single__description {
    margin-top: 0;
}
If helpful then please Like and Accept Solution
Hire for Custom Shopify Solutions, Apps development or Any kind of Web development work.
Contact : satsinghrana1@gmail.com
See our Shopify Apps: HERE
0 Likes
Chloe43
Tourist
3 1 0

This is an accepted solution.

Tahnk you so much!! 

0 Likes