How to hide category images?

Is there any way to hide that type of category image or element?

Reference Link: https://www.rangrezzwears.com/product-category/clothing/women-clothing/womens-western-wear

Attachments:

You must be logged in to view attached files.

Hello,

You can select General Style from THEME SETTINGS > PRODUCT ARCHIVE > CATEGORIES STYLES .
The category page is edited in Dashboard > Products > Categories > Edit category > Upload images for categories.

If you have any questions feel free to contact us.

Best Regards.

I don’t want to change or update the image/element. I want to hide or delete that type of category image/element in product archives.

Attachments:

You must be logged in to view attached files.

Hello,

Please select “Alternative” in the Theme Settings > Product Archives > Categories styles,

Then add this code to the Theme Settings > Custom CSS > Global:

.cat-design-alt.categories-with-shadow .category-image-wrapp {
   display:none;
}

Best Regards

I am unable to understand, There is no option for “Alternative” in the Theme Settings > Product Archives > Categories styles.

Please provide me the screenshot, if it is possible.

Thank you

Hello,

Please check this screenshot for better understanding:
https://ibb.co/4Zd8Bdz

Best Regards.

I know this is an old thread but any way to do the same as above using the 4th category design instead? I have attempted to edit the css but seems each attempt I make removes the image and the text box

Attachments:

You must be logged in to view attached files.

Hello @shawnz28,

Could you please clarify your request? I am unable to fully understand what you are trying to achieve with the 4th category design. Providing additional details or examples would help me assist you better.
Looking forward to your response.

Best Regards

I would like to hide the background images for the categories so that only the blue text box shows in the second image I uploaded. Similar to the initial request just instead here would have the blue box with text remaining.

Hello,

Try to add this code to the Theme Settings > Custom CSS > Global:

.category-grid-item .category-image-wrapp {  
    display: none;  
}  
.category-grid-item .wrapp-category {    
    padding: 10px;
    background-color: blue;
} 

Best Regards

[shawnz28]

If I add that I get what you see here. I up the padding to 50 and it is better but the blues dont match. I have tried changing he blue to match the theme color but some reason still do not match completely like maybe it is hover shadow?

• This reply was modified 1 day, 6 hours ago by shawnz28.

Attachments:

You must be logged in to view attached files.

Hello,

Try to add this code to the Theme Settings > Custom CSS > Global:

.cat-design-replace-title .wrapp-category:before {
background-color: #0000ff !important
}

Best Regards

[Author]

Posts