White Space under Sale - by CorinnaL - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 9 years, 7 months ago ago by Jack Richardson

  • Avatar: CorinnaL
    CorinnaL
    Participant
    May 18, 2016 at 11:25

    Hello,

    if you look at the pages

    coco-lissy.com/ (it worked, but now it doesn´t work)

    http://coco-lissy.com/produkt-kategorie/accessoires/ (or any other category)

    http://coco-lissy.com/sale_musterkollektion/ (here I inserted product categories from woo commerce)

    there is still white space where no product is displayed.

    I´ve already inserted the following code via custom.css:

    @media (min-width: 1200px) {.sidebar-position-left .products-grid.product-count-3 .product {
    width: 250px !important;
    }}
    @media (min-width: 1200px) {.sidebar-position-without .products-grid .product-count-3 .product {
    width: 350px !important;
    }}

    Any advice?

    Can I install wp version 4.5.2 now?

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    May 18, 2016 at 13:04

    Hello,

    Please update the theme to 3.0 version.
    If you update WordPress you have to update Visual Composer plugin too. Download it here https://www.8theme.com/download-plugins/ and install via FTP.

    Before update delete “woocommerce” folder in the directory wp-content/themes/legenda/ and it’ll be reuploaded from a new theme package.


    Don’t forget to create back up of your files and database before starting update process!

    <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/KdWESIIPU1k&#8221; frameborder=”0″ allowfullscreen></iframe>

    Regards,
    Eva Kemp.

    Avatar: CorinnaL
    CorinnaL
    Participant
    May 23, 2016 at 08:35

    Hi Eva,

    thanks for your response..

    I´ve updated theme and wordpress to the latest version.

    I´m using a left sidebar in the shop, here the code you gave me works fine:
    @media (min-width: 1200px) {.products-grid.product-count-3 .product {
    width: 250px !important;
    }}

    However, I still have the problem, that on the main page (coco-lissy.com) there is white space on the right side of the products. I want the three products (or four) to go over the whole width. So, one product can be either 250px width (displaying 4 products in a row) or 350px (displaying 3 products in a row)

    I´ve already put in the css-code you gave me:

    @media (min-width: 1200px) {.sidebar-position-without .products-grid .product-count-3 .product {
    width: 350px !important;
    }} /*no Sidebar*/

    Although I inserted the code, the products shown on the starting page are displayed in 248px?
    It´s not changing, if I set 4 products in a row (and 4 columns).

    What do I have to change?

    Regards,
    Corinna

    Avatar: Eva
    Eva Kemp
    Participant
    May 23, 2016 at 10:35

    Hello,

    We can’t view the editor of home page because you’re using old VC version.
    Update it via FTP and let us know. Download the latest version here https://www.8theme.com/download-plugins/ .

    Regards,
    Eva Kemp.

    Avatar: CorinnaL
    CorinnaL
    Participant
    May 23, 2016 at 15:02

    Hi Eva,
    the latest version of VC is uploaded now.

    Regards
    Corinna

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 23, 2016 at 15:43

    Hello,

    I’ve added this code in custom.css file:

    @media (min-width: 1200px) {
    .page-id-2 .products-grid.product-count-3 .product {
        width: 360px !important;
    }}

    Please check products on home page.

    Best regards,
    Jack Richardson.

    Avatar: CorinnaL
    CorinnaL
    Participant
    May 23, 2016 at 17:05

    Thanks Jack! It works now!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 23, 2016 at 17:28

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘White Space under Sale’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.