Product category title position and style

This topic has 6 replies, 2 voices, and was last updated 2 months, 1 weeks ago ago by Luca Rossi

  • Avatar: phssaddlery
    phssaddlery
    Participant
    September 25, 2025 at 20:46

    Hi,

    See private content area for details.

    1. What css to use to move category titles under the category images and increase font size, add more space around each image — similar with the original website

    2. The Promo text needs to open in a popup /#etheme-popup , but it is not doing that, though the link is set in that widget. And how to change the style for the font size or font family?

    3. Main menu and dropdown options – I did not find the setting in Customizer to change the background color for both (main on black and dropdown on a shade of grey, as the original website

    Thank you!

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    September 26, 2025 at 11:55

    Hi @phssaddlery,

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

    
    body .category-grid.valign-bottom .categories-mask {
        position: static;
        background-color: #F3F3F3;
        margin-top: -5px;
    }
    body .category-grid.valign-bottom .categories-mask a h4 {
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 22px;
    }
    

    https://prnt.sc/IvLSmh3Lrdsx

    Kind regards,
    The 8Theme Team

    Avatar: phssaddlery
    phssaddlery
    Participant
    September 26, 2025 at 19:46

    Hi Luca,

    That worked perfectly!

    Can you please also help me with the items 2) and 3) in my post plus 4) below:

    4) CSS for moving the subcategory title under the images (see private area for link)

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    September 27, 2025 at 12:15

    Hi @phssaddlery,

    2. Could you please provide some screenshots? We are not entirely clear about your points.

    3. We kindly recommend using the Header Elementor Builder for greater control and flexibility. You can find more information here: https://www.8theme.com/documentation/xstore/xstore-builders/new-xstore-header-builder-with-elementor/

    Best regards,
    The 8Theme Team

    Avatar: phssaddlery
    phssaddlery
    Participant
    September 29, 2025 at 22:09

    Meanwhile I installed the Elementor to be able to use the XStore builders with it.

    Currently I am editing with Customizer. In the Customizer for header I did not find settings to change the font size, weight etc.

    Is it possible to edit my current template with Elementor or do I need to start from scratch in Elementor? I am using header #4 (“furniture 3 demo header”) See screenshot.

    https://prnt.sc/melG10ox7HH-

    Avatar: Justin
    Luca Rossi
    Support staff
    September 30, 2025 at 07:51

    Dear @phssaddlery,

    Unfortunately, it is not possible to use your current header with the Elementor Header Builder, so you will need to create a new one from scratch. However, we offer a wide range of prebuilt header templates for you to choose from:

    https://prnt.sc/Fncpe8PHTPcs

    Best regards,
    8Theme Team

  • Viewing 6 results - 1 through 6 (of 6 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.