How can I reduce spacing between elements on Motion theme product page?

[maddienails]

How do you reduce spacing between elements on the product page for the motion theme? The spacing between my sections is crazy and driving me crazy literally.

shop : https://890c79-d5.myshopify.com/

[Hardik29418]

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
@media only screen and (min-width: 590px) {
  .template-product .index-section {
     margin: 30px 0 !important;
  }
}
</style>

[maddienails]

there are big spaces between my sections, how can I fix it

please

 

[maddienails · Accepted solution]

I found the solution, I had to add .index-section { margin: 20px 0; } in the custom code section, hope that helps others folks!

[projectsbydel]

can you be more specific. same issue. where exactly are you dropping this code?