Padding on product page (Streamline Theme)

[Samjhu]

Hi,

How do I reduce the spacing/padding between product recommendation heading and the product images on the product page?

[LitExtension · Accepted solution]

Hi @Samjhu,

Please follow these steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (min-width: 769px){
[data-section-type="product-recommendations"] .section-header {
margin-bottom: 30px !important;
}
}

Hope this helps.

If my answer can help you solve your issue. Please mark it as a solution, thank you and good luck.

[oscprofessional]

Hello @Samjhu ,
Welcome to the Shopify community!
Share your store url with password.

[Samjhu]

Thanks for your response. For the security reason, I can't share the password. Can you please share the code instead?

[oscprofessional]

@Samjhu ,

I tried without url.

div#Reviews-2539465769042 {
    margin: 0;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Note : If it will not work then you can send me the password in pm

[Samjhu]

Thanks but it didn't work. There is no option to send you a PM either.

[oscprofessional]

Hi @Samjhu ,

You can send PM for password!

[LitExtension · Accepted solution]

Hi @Samjhu,

Please follow these steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (min-width: 769px){
[data-section-type="product-recommendations"] .section-header {
margin-bottom: 30px !important;
}
}

Hope this helps.

If my answer can help you solve your issue. Please mark it as a solution, thank you and good luck.

[Samjhu]

@LitExtension Thank you, it worked 🙂 Can you also help me adjust the padding above the product title on the product page? I want it to be at the same level as the image. See Snippet.

[LitExtension · Accepted solution]

Hi @Samjhu,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (min-width: 769px){
.product-single__header {
margin-top: 0px !important;
}
}

Hope this helps.

If my answer can help you solve your issue, please mark it as solution. Thank you and good luck 

[Samjhu]

@LitExtension thank you so much. You are a star 🙂

Can you also help me stop the hero video looping/auto-playing? It's a .MP4 video uploaded via shopify. 

[LitExtension]

Hi @Samjhu,

Go to file containing the code of hero video. It's in your theme source, so I don't know the exact name, you can search hero. Please check at: https://i.imgur.com/Ignb2qc.png

It's in sections, you can open files, my example shows only 1 file hero-video.liquid.

Then, find 'autoplay' and remove it. https://i.imgur.com/abB9UCR.png

Hope it is clear to you.

If you find this answer helpful for you, please mark it as a solution. Please kindly do the same for my previous one too since it worked. 

FIY, if you have a new question besides your current one, please create a new topic on Shopify Community. This could help other people benefit from your question as well. That's what 

made our community's value

Thank you and good luck. 

[Samjhu]

Hi @LitExtension

It didn't work. I removed 'autoplay' from the code below.

[LitExtension]

You can send staff account with email namphan992@gmail.com . I will check it