FROM CACHE - en_header

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
4365 887 922

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!

View solution in original post

LitExtension
Shopify Partner
4365 887 922

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!

View solution in original post

Replies 12 (12)
oscprofessional
Shopify Partner
12490 1931 2478

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
12490 1931 2478

@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
4365 887 922

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
oscprofessional
Shopify Partner
12490 1931 2478

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
4365 887 922

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
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
4365 887 922

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
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
4365 887 922

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

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!