Return to previous page

Attribute tags with the whole range visible

This topic has 4 replies, 2 voices, and was last updated 6 days, 4 hours ago ago by Rose Tyler

  • Avatar: Eirini
    Eirini
    Participant
    December 16, 2024 at 13:37

    Hello, I need to make all the attribute tags of the shop page visible (without the +x sign) and a bit bigger. I can’t seem to find a way to configure them, can you please help me?

    There is a picture attached so you can easily understand what i mean.

    Thank you!

    Files is visible for topic creator and
    support staff only.
    #427689 Copied Theme version: 9.4.5
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 16, 2024 at 15:11

    Hello, Eirini,

    Thank you for reaching out to us.

    We understand that you would like to make all the attribute tags on your shop page fully visible. Please go to Theme Options > Woocommerce > Shop elements > Variation Swatches > Show more link > Off.

    Warm Regards,
    The 8Theme Team

    #427704 Copied
    Avatar: Eirini
    Eirini
    Participant
    December 16, 2024 at 15:18

    Thank you, is there also a way to make them a bit bigger? They are quite small and I have a wide range of customers.

    #427706 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 16, 2024 at 16:03

    Hello, Eirini,

    Custom CSS code can be used:

    ul.st-swatch-size-normal li.type-label span,
ul.st-swatch-size-large li.type-label > span {
    font-size: .9rem !important;
}

    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Warm Regards,
    The 8Theme Team

    #427713 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme

See All Templates

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