Hi
I want to remove the margins om my product page, so there is no space to the left and top of the product image.
Thank you very much!
Hi @JosephineJ
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file
.page-width {
margin: 0 !important;
padding-left: 0 !important;
}
.section-template–16063639748807__main-padding {
padding-top: 0 !important;
}
Hope that my solution works for you.
Best regards,
Richard | PageFly
Hi,
It worked, but now my logo and cart is skewed to the right
it worked when i just put it in the product page section like this:
@media only screen and (min-width: 990px){
.section-template–16063639748807__main-padding {
padding-top: 0 !important;
margin: 0 !important;
padding-left: 0 !important;
}
}
Please remove the above code and replace it with this code:
section#MainProduct-template–16063639748807__main {
margin: 0!important;
padding-left: 0!important;
padding-right: 0!important;
}
Wow! great @JosephineJ
I liked that the first code moved my inline menu to the far right, how to I remove the margins in that?
Yes!
It helped, but can it be moved even further to the right as with the first code? right now there seems to be a margin still
It worked, but the whole website is affected, my footer, and aboutpages ect.
great! but is it possible to make it only apply to the menu, as a lot is affected by it, like about page, project page and cart?
Hopefully this is the best code for your footer:
.footer__content-top {
margin-left: 50px !important;
}
do you know the #section-template code for the menu, and how do i fint it? maybe that could help?