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
2000 332 408

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
2000 332 408

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
9218 1566 1934

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

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | 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
9218 1566 1934

@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. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | 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
2000 332 408

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
9218 1566 1934

Hi @Samjhu ,

You can send PM for password!

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | 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
2000 332 408

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.