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
  • 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 team

    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.

    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)

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

    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 🙂

Viewing 10 posts - 1 through 10 (of 10 total)