Return to previous page

Square shape for the linked variation product

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

Yasir Alam 8Theme

Participant

December 12, 2024 at 10:01

how to make it in square shape i am using the following css
.single-product form.cart.variations_form span.st-custom-attribute::after {
content: attr(data-name);
order: 1;
margin-bottom: 5px;
}

.single-product form.cart.variations_form span.st-custom-attribute span.variation-title {
display: none;
}
.single-product form.cart.variations_form span.st-custom-attribute span.variation-price {
order: 2;
}
.single-product form.cart.variations_form span.st-custom-attribute span.variation-price del {
display: none;
}

Files is visible for topic creator and
support staff only.

#427337 Copied Theme version: 9.4.5

2 Answers
Luca Rossi

Support staff

December 12, 2024 at 12:53
Hi @Yasir Alam 8Theme,

Please also add this custom CSS code:
```
.single-product ul.st-swatch-size-large.type_title-price li.type-label {
    border-radius: 4px;
}
```
https://prnt.sc/J6gfR0aoRyRu

Hope it helps!
#427367 Copied
Andrew Mitchell

Support staff

December 13, 2024 at 14:05

Dear Yasir Alam 8Theme,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#427518 Copied
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘square shape for the linked variation product’' has been successfully resolved, and the topic is now closed for further responses

Square shape for the linked variation product

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection