Return to previous page

Product Category Name alignment is not proper

This topic has 2 replies, 2 voices, and was last updated 6 months, 4 weeks ago ago by Tony Rodriguez

Gaurav

Participant

May 24, 2024 at 08:21

At product category page , product category name and number of item are not properly displayed.

I want to display them below category image and want to set the color of name.

How to do it.?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#396459 Copied Theme version: 9.2.8

1 Answer
Tony Rodriguez

Support staff

May 24, 2024 at 09:07
Hello, @Gaurav,

We are pleased to provide you with the necessary steps to adjust the alignment and color of the category names on your website.

Please proceed with the following instructions to implement the changes:

1. Navigate to Xstore > Theme Options > Theme Custom CSS > Global CSS.
2. Insert the following CSS code:
```
.category-grid.valign-center .categories-mask {
    top: unset !important;
}
.category-grid .categories-mask a {
    color: red; /* You can change 'red' to any color that fits your design */
}
```
This code will align the category name below the category image and set the color of the category name. You are free to modify the color according to your preferences.

To view the expected result, please visit this link: (https://paste.pics/R105D)

Should you require any further assistance or have any questions, please do not hesitate to contact us.

Best regards,
The 8Theme Team
#396465 Copied
Tagged: alignment issues woocommerce, correct woocommerce templates, fix woocommerce alignment, product category alignment, proper product category name, woocommerce layout solutions, wordpress woocommerce templates
Viewing 2 results - 1 through 2 (of 2 total)