To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

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
4804 985 1011

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
4804 985 1011

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
13782 2098 2692

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

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
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
13782 2098 2692

@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

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
Samjhu
Tourist
16 0 1

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

LitExtension
Shopify Partner
4804 985 1011

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
13782 2098 2692

Hi @Samjhu ,

You can send PM for password!

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
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
4804 985 1011

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
4804 985 1011

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
4804 985 1011

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