Padding on product page (Streamline Theme)

Solved
Samjhu
Tourist
16 0 1

Hi,

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

Samjhu_0-1632741160872.png

 

Accepted Solutions (2)

Accepted Solutions
LitExtension
Shopify Partner
4677 955 981

This is an 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.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

LitExtension
Shopify Partner
4677 955 981

This is an 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 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 12 (12)
oscprofessional
Shopify Partner
13349 2035 2601

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Samjhu
Tourist
16 0 1

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

oscprofessional
Shopify Partner
13349 2035 2601

@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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Samjhu
Tourist
16 0 1

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

LitExtension
Shopify Partner
4677 955 981

This is an 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.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
oscprofessional
Shopify Partner
13349 2035 2601

Hi @Samjhu ,

You can send PM for password!

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Samjhu
Tourist
16 0 1

@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.

Samjhu_0-1632824387892.png

 

LitExtension
Shopify Partner
4677 955 981

This is an 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 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Samjhu
Tourist
16 0 1

@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
Shopify Partner
4677 955 981

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. 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Samjhu
Tourist
16 0 1

Hi @LitExtension

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

Samjhu_0-1633079968368.png

 

LitExtension
Shopify Partner
4677 955 981

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

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify