Shopify themes, liquid, logos, and UX
Hi,
How do I reduce the spacing/padding between product recommendation heading and the product images on the product page?
Solved! Go to the solution
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.
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
Hello @Samjhu ,
Welcome to the Shopify community!
Share your store url with password.
Thanks for your response. For the security reason, I can't share the password. Can you please share the code instead?
@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
Thanks but it didn't work. There is no option to send you a PM either.
Hi @Samjhu ,
You can send PM for password!
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 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.
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 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.
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.
You can send staff account with email namphan992@gmail.com . I will check it
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024