empty space on woocommerce product page

Home › Forums › Jevelin Theme › empty space on woocommerce product page

Home › Forums › Jevelin Theme › empty space on woocommerce product page

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts

  • worldofpixels
    Participant

    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

    Shufflehound Support
    Moderator

    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 team

    worldofpixels
    Participant

    Oh I see there was a problem with the attached image.

    Please check the red cross in below image.

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    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;
}

    worldofpixels
    Participant

    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 !

    Shufflehound Support
    Moderator

    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;
}

    worldofpixels
    Participant

    This works too. How can I then just remove this part left on the cat-prijzen-prijslijst products pages (please check printscreen)

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    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;
}

    worldofpixels
    Participant

    this works too, thank you !

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)