- This topic has 9 replies, 2 voices, and was last updated 8 years, 8 months ago by
.
Hi there,
With all the css code you provided, the information that I wanted to be hidden is hidden indeed, but the space itself isn’t.
Can you please tell me how to get rid of all this white space?
http://www.worldofpixels.be/product/1/
Thanks in advance,
Ben
Hi Ben,
I hope you are well today and thank you for your question.
Could you please tell me regarding which white space you are talking about so that i can help you?
Best regards,
Shufflehound teamOh I see there was a problem with the attached image.
Please check the red cross in below image.
Solution for this topic
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-woo-layout-right.col-md-6 .summary.entry-summary .product_title, .sh-woo-layout-right.col-md-6 .summary.entry-summary .product_title + div, .sh-woo-layout-right.col-md-6 .summary.entry-summary .woo-short-description, .sh-woo-layout-right.col-md-6 .summary.entry-summary .woo-seperator-line { display: none; }This seems to solve the problem indeed.
But I have a product description on some pages, like http://www.worldofpixels.be/product/canvas/ for example, with the css provided everything is deleted.
How can I help this?
Normally, only in this category the product description should be visible, on all the other future ones there won’t even be a description:
http://www.worldofpixels.be/product-category/prijzen-prijslijst/
Thank you !
Solution for this topic
Normally, only in this category the product description should be visible, on all the other future ones there won’t even be a description:
http://www.worldofpixels.be/product-category/prijzen-prijslijst/
Then along with the previously shared CSS code also use the following CSS code.
.type-product.product_cat-prijzen-prijslijst .sh-woo-layout-right.col-md-6 .summary.entry-summary .product_title, .type-product.product_cat-prijzen-prijslijst .sh-woo-layout-right.col-md-6 .summary.entry-summary .product_title + div, .type-product.product_cat-prijzen-prijslijst .sh-woo-layout-right.col-md-6 .summary.entry-summary .woo-short-description, .type-product.product_cat-prijzen-prijslijst .sh-woo-layout-right.col-md-6 .summary.entry-summary .woo-seperator-line { display: block; }This works too. How can I then just remove this part left on the cat-prijzen-prijslijst products pages (please check printscreen)
Solution for this topic
How can I then just remove this part left on the cat-prijzen-prijslijst products pages (please check printscreen)
.type-product.product_cat-prijzen-prijslijst .sh-woo-layout-right.col-md-6 .summary.entry-summary .product_title{ border-bottom: 0; } .type-product.product_cat-prijzen-prijslijst .sh-woo-layout-right.col-md-6 .summary.entry-summary .product_title + div, body .type-product.product_cat-prijzen-prijslijst .sh-woo-layout-right.col-md-6 .summary.entry-summary .woo-seperator-line { display: none; }this works too, thank you !
You are most welcome here 🙂
