Hi I’m looking to reduce the white space between my product and the you might also like sections
my site is https://luxurymrkt.com/collections/mens-accessories-1/products/amiri-core-logo-trucker-hat
2 Likes
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
div#Recommendations-7304764358837 .index-section {
margin: auto!important;
}
@Luxurymrkt Go to assets/theme.css and paste below css at bottom of file.
.page-content, .shopify-email-marketing-confirmation__container, .shopify-policy__container
{
padding-bottom: 0px !important;
}
Go to assets/theme.css and paste the below CSS at bottom of the file.
@media only screen and (max-width: 768px){
.product-section .page-content--product { padding-top: 0;padding-bottom: 10px !important;}
#Recommendations-7304764358837 .index-section {margin: 0px !important;}
}
Thanks!
Hi @Luxurymrkt !
This is PageFly - Advanced Page Builder. I would love to give you some recommendation.
Bro you want like this?
Best Regards;
Pagefly
YES THIS WOULD BE GREAT!
Hi @Luxurymrkt !
This is PageFly - Advanced Page Builder. I would love to give you some recommendation.
And please paste this code at the bottom of theme.css under assets in theme code files;
@media only screen and (min-width: 769px)
.page-content, .shopify-email-marketing-confirmation__container, .shopify-policy__container {
margin-bottom: -900px !important;
margin-top: 50px !important;
}
Best Regards;
Pagefly
Didn’t work 
code is inserted
Bro @Luxurymrkt I have send you screenshot tooo It’s working
Can you click on the theme.css on the right and then tell me what line of code that is in my editor I can edit it directly instead of inserting the code
Look at my code it’s inserted
didn’t change anything