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
1935 316 391

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!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

LitExtension
Shopify Partner
1935 316 391

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!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 12 (12)
oscprofessional
Shopify Partner
9158 1560 1922

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
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
9158 1560 1922

@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. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Samjhu
Tourist
16 0 1

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

LitExtension
Shopify Partner
1935 316 391

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!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

oscprofessional
Shopify Partner
9158 1560 1922

Hi @Samjhu ,

You can send PM for password!

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
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
1935 316 391

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!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

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.