How can I add icon at product category ?

This topic has 10 replies, 4 voices, and was last updated 4 weeks, 1 days ago ago by Tony Rodriguez

  • Avatar: chutipao
    chutipao
    Participant
    November 5, 2025 at 08:43

    hello
    how can I add icon at product category ?

    when I added icon appearance > menu
    that icon display at whole children category
    it seems xstore theme has its own customs at every field

    how can I add icon at product category ?

    9 Answers
    Avatar: chutipao
    chutipao
    Participant
    November 5, 2025 at 08:45

    screenshot

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 5, 2025 at 09:31

    Hello,

    Thank you for reaching out to us.

    These are two different methods, and only one of them will work. We are providing both options because we currently do not have access to your admin panel to check the existing settings.

    1. Here is an example from our demo Header Builder with Elementor – https://prnt.sc/db0kVSTlfHAF

    2. In case you are using a default menu from Appearance > Menus, please read this article https://www.8theme.com/documentation/xstore/menu-set-up/how-to-add-an-image-for-a-menu-item/

    Warm Regards,
    The 8Theme Team

    Avatar: chutipao
    chutipao
    Participant
    November 5, 2025 at 13:35

    thank you for your best support
    by the way
    how can I enlarge icon size ? width, height

    Please contact administrator
    for this information.
    Avatar: Alex Carter
    Alex Carter
    Support staff
    November 5, 2025 at 15:36

    Hello,

    Thank you for reaching out to us.

    Custom CSS code can be added, for example –

    .etheme-elementor-nav-menu .elementor-item:has(i,svg)>img {
        max-width: 25px !important;
    }

    Warm Regards,
    The 8Theme Team

    Avatar: chutipao
    chutipao
    Participant
    November 6, 2025 at 01:35

    hello

    should I add this code to

    admin > theme option > theme customs css > global css or addtional css ?

    please see screenshot

    Files is visible for topic creator and
    support staff only.
    Avatar: chutipao
    chutipao
    Participant
    November 6, 2025 at 02:03

    global css ?

    Files is visible for topic creator and
    support staff only.
    Avatar: Alex Carter
    Alex Carter
    Support staff
    November 6, 2025 at 07:39

    Hello,

    Yes, you can add the code there (Theme Options > Theme Custom CSS > Global) or in the settings of the corresponding menu element – https://elementor.com/help/how-to-add-custom-css/

    Best regards,
    8Theme’s Team

    Avatar: chutipao
    chutipao
    Participant
    November 6, 2025 at 09:00

    Thanks for the support! My topic “how can I add icon at product category ?” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 6, 2025 at 09:00

    Dear chutipao,

    We really appreciate your time and engagement within the WordPress & WooCommerce community

    Your feedback drives every improvement we make in XStore — helping us deliver a smoother and more flexible experience with each update.

    Your input makes a real difference.

    Topic closed.
    The 8Theme Team

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

The issue related to '‘how can I add icon at product category ?’' 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.