Product Category Name alignment is not proper

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

  • Avatar: Gaurav
    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.
    1 Answer
    Avatar: Tony Rodriguez
    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: (

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

    Best regards,
    The 8Theme Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.