Docs

[breepear]

I activated the woocommerce plugin for my shop on my site and there are some spacing issues.

1. Can I make this page a fullwidth layout without the blog sidebar?
2. Can I remove the sort/filter options above the products so they align to the top of the content frame on the left?
3. Why is there a white bar at the bottom inside the images?

[breepear]

This reply has been marked as private.

[breepear]

onlyhumanfitness.com/shop

[Prasant Rai]

Hello There,

Thanks for writing in!

1) To make the Woocommerce Shop Page full width, add the following CSS code via Appearance > Customize > Custom > CSS:

.woocommerce-page .x-main {
width: 100% !important;
}
.woocommerce-page .x-sidebar {
width: 0 !important;
}

2) Please use following CSS under Custom > CSS in the Customizer to remove sort and filter option:

.page-description {
    display: none !important;
}

p.woocommerce-result-count {
    display: none !important;
}

form.woocommerce-ordering {
    display: none !important;
}

3) Please use following CSS under Custom > CSS in the Customizer to remove spacing under images:

a.x-img>img {
    margin-bottom: 0 !important;
}

Thanks.

[breepear]

Some of that worked, but I’m seeing part of the widget bar on the right side still (onlyhumanfitness.com/shop).

I also still see the gap below all the images.

[Rue Nel]

Hello There,

Thanks for updating in! You should be able to set the shop layout in the customizer. Please go to Appearance > Customize > WooCommerce > Shop and then make sure that the “Shop Layout” is set to Fullwidth. I wanted to check your customizer but I could no longer log in to your site because the given credentials is no longer working for us.

And to remove the white bar at the bottoms of the images, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce li.product .entry-featured img {
    margin-bottom: 0 !important;
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts