Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Removing the top spacing on the product page
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Removing the top spacing on the product page
- This topic has 7 replies, 3 voices, and was last updated 10 years by laranz – SUPPORT.
-
Posted in: Neighborhood
-
September 20, 2014 at 1:33 pm #112910
Hi Swift,
Is it possible to remove the top spacing on the product page? I want the product pictures to be on the same “level” as the product search button/field on my webshop. I have attached two pictures that I think will help you understand what I mean. The first picture is what it looks like now, and the second is what I want it to look like. I have added a red line to show that the product pictures are on the same “level” as the product search button/field.
Don’t know if you need it, but this is what I have got in the custom css so far:
.woocommerce-count-wrap, .woocommerce-count-wrap {
display: none!important;
}.page-content {
margin-top: -50px!important;
}I’m looking forward to your reply.
Cheers
JesperAttachments:
You must be logged in to view attached files.September 20, 2014 at 2:41 pm #112920Hi,
Please use this custom css code:-
.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products{padding-top:0px !important}
Thanks 🙂
With Best Regards
MohammadSeptember 21, 2014 at 1:20 am #112965Hi Mohammad,
Thanks for your quick response!
As you can see here it looks just the way I wanted: http://skateshop.se/produkt-kategori/kompletta/
However, when you click on one of the brands in the “Sort by brand” function (which is “Filtrera på varumärken” in Swedish) it looks like the custom css has taken a bite of the product pictures. How do I avoid this? I have attached a screenshot.
In case you need it, this is what I have currently got in the custom css field:
.page-content {
margin-top: -50px!important;
}.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products{padding-top:0px !important}
I’m looking forward to your reply.
Cheers
JesperAttachments:
You must be logged in to view attached files.September 22, 2014 at 1:33 am #113109Hi,
Edit the style that you placed in your child theme to,
.page-content { margin-top: -42px !important; }
Let us know,
Thanks,
laranz.September 22, 2014 at 3:24 am #113119Thanks!
Yeah I know that changing it to -42px in stead of -50px would make it look good when you’re using the “Sort by brand” (“Filtrera på varumärken”). However, if I change it to -42px it will not look the way I wanted it to according to my first question, that Mohammad replied to.
I hope you know what I mean. I put it at -50px because that would look good when you’re browsing the product categories (for example the category “Kompletta”). If I change it to -42px it will not look good and not the way I wanted according to my first question.
Best regards
JesperSeptember 23, 2014 at 12:54 am #113498Hi,
Remove that page-content Custom CSS and try this.
.woocommerce-count-wrap, .woocommerce-ordering { display: none; } .inner-page-wrap { margin-top: 0; } .archive .tax-product_cat .push-right { margin-top: 52px; }
Let us know,
Thanks,
laranz.September 23, 2014 at 2:00 am #113510It worked!
Thanks a lot 🙂
September 23, 2014 at 2:13 am #113512Hi,
Glad it works 🙂
Let us know, if you have any other questions.
Thanks,
laranz. -
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.