Return to previous page

Increase Size of Size Swatches on Related Products in Single Product Page

This topic has 6 replies, 3 voices, and was last updated 1 weeks, 2 days ago ago by Andrew Mitchell

Felipe Rojas

Participant

May 8, 2024 at 16:41

Hello, I’m trying to increase the size of the size swatches on related products located in the single product.

I increased the size using Yellowpencil, but the new size is only displayed when hovering over the product. I would like to know if it’s possible to apply the desired new size without having to hover over the sizes.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#394455 Copied Theme version: 9.3.9

5 Answers
Luca Rossi

Support staff

May 9, 2024 at 04:47
Hi @Felipe Rojas,

Please try adding this custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.elementor-widget-woocommerce-product-etheme_related ul.st-swatch-size-normal li.type-label span {
    width: 30px;
    height: 30px;
}
```
Hope it helps!
#394485 Copied
Felipe Rojas

Participant

May 9, 2024 at 23:15

Hi Luca, i put your CSS but i have the same problem.

#394576 Copied
Luca Rossi

Support staff

May 10, 2024 at 07:19
Hi @Felipe Rojas,

We’ve updated the custom CSS codes to this:
```
.elementor-widget-woocommerce-product-etheme_related ul.st-swatch-size-normal li.type-label span {
    width: 30px !important;
    height: 30px !important;
		font-size: 16px !important;
}
```
Could you pleas check again?

https://prnt.sc/q_fmAs1e-m79

Best Regards,
The 8Theme Team.
#394593 Copied
Felipe Rojas

Participant

May 10, 2024 at 12:17

Thank you, it’s works!

#394634 Copied

Andrew Mitchell

Support staff

May 10, 2024 at 12:17

Dear Felipe Rojas,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#394635 Copied
Tagged: boost woocommerce theme features, enlarge woocommerce swatches, expand related product swatches, improve woocommerce product display, size swatches modification, woocommerce swatch size increase, wordpress single product page
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Increase Size of Size Swatches on Related Products in Single Product Page’' has been successfully resolved, and the topic is now closed for further responses

Increase Size of Size Swatches on Related Products in Single Product Page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection