Remove Sidebar on only ONE Shop Category

Support
#1

Hey there!
I am wanting to make a specific shop category full width, no sidebar. Is there CSS that would do that?
I had found…

.tax-product_cat aside.x-sidebar.right {
display: none;
}

.tax-product_cat .x-main {
width: 100%;
}

But that is for all categories. I have just one I want to target. It is called product-category/art/

Thank You!
Noelle

#2

Hi Noelle,

You can try category ID

eg.

.category-41 aside.x-sidebar.right {
display: none;
}

.category-41  .x-main {
width: 100%;
}

Change 41 with the category id of your ART category

Hope this helps

#3

That is not getting it to gooooo. The category ID is 1818 - nothing changes. Any thoughts?
Thank you!
Noelle

#4

Hi Noelle,

Could you please try adding the following CSS rule and it should work.

.term-art .x-sidebar.right {
    display: none;
}
.term-art .x-main.left {
    width: 100%;
}

Hope that helps.

1 Like
#5

Thank you that worked perfect :grinning:

The images on that page are 1000px wide, very clear images but they look blurry on the page.
We do not use any of the archive category pages like this except this one. What would I do so these show clear and also would even like them bigger.

I just do not get it - the image is so nice, why when they shrink it does it get blurry?? You’d think it would be even more clear.

That would be awesome.
Noelle

#6

Hi Noelle,

Please go to Appearance > Customize > Wooocommerce > Product Images the settings from there,

Hope this helps.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.