Return to previous page

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

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.

#126317 Copied

7 Answers

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” frameborder=”0″ allowfullscreen></iframe>

Regards,
Eva Kemp.

#126330 Copied

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

#126801 Copied

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.

#126813 Copied

CorinnaL

Participant

May 23, 2016 at 15:02

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

Regards
Corinna

#126852 Copied
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.
#126867 Copied
CorinnaL

Participant

May 23, 2016 at 17:05

Thanks Jack! It works now!

#126891 Copied

Jack Richardson

Support staff

May 23, 2016 at 17:28

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#126899 Copied
Viewing 8 results - 1 through 8 (of 8 total)