Product category display in the shop archive

This topic has 4 replies, 2 voices, and was last updated 2 months, 1 weeks ago ago by Dennis

  • Avatar: Dennis
    Dennis
    Participant
    September 24, 2025 at 23:14

    Hi, I have set a category to be displaying subcategories instead of the products, but I want to change the style of the category name. As you can see on A5 Flat flyer, it’s appearing in the middle of the category picture, in black text and you can’t really read that properly. How do I do this change?

    Please do not ask me to provide access to admin panel, this is a general question and does not involve any 3rd party plugins or settings.

    I have added 2 links in the private content, use 1st link to bypass the maintenance mode and the access the 2nd link to the shop page, that’s the part where I am looking to customize the style.

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    September 25, 2025 at 09:17

    Hi @Dennis,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .elementor-element .category-grid.content-inside .categories-mask {
        position: static;
        text-align: center;
        width: 100%;
        transform: none;
        background-color: rgba(0,0,0,0.3); /* Optional: semi-transparent background */
        padding: 10px; /* Add spacing around text */
        border-radius: 0 0 4px 4px; /* Rounded corners for background */
    }
    
    .category-grid .categories-mask h4 {
        color: #fff;
        font-weight: bold;
        font-size: 24px;
    }
    

    Kind regards,
    The 8Theme Team

    Avatar: Dennis
    Dennis
    Participant
    September 25, 2025 at 20:37

    Thank you for you help, this worked. I think this must be fixed and added to your next theme update.

    Avatar: Dennis
    Dennis
    Participant
    September 25, 2025 at 20:37

    Thanks for the support! My topic “product category display in the shop archive” has been successfully resolved.

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

The issue related to '‘product category display in the shop archive’' has been successfully resolved, and the topic is now closed for further responses

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