Return to previous page

Single productpage: Howto get attributes next to label?

This topic has 3 replies, 2 voices, and was last updated 3 years ago ago by demzie

demzie

Participant

November 12, 2021 at 16:04

Single productpage: Howto get attributes next to label?

I now have: Size and below that are the swatches, how do i get these on one line?

Also howto change the font specs for the label of the attributes (Size)..?

#308361 Copied Theme version: 8.0.9

2 Answers
Rose Tyler

Support staff

November 13, 2021 at 08:05
Hello,

Try to use the next custom CSS code:
```
.single-product form.cart table.variations td {
    width: auto !important;
    display: inline-block !important;
    margin-right: 10px;
}
```
```
.single-product form.cart table.variations td.label label {
    font-size: 13px;
    color: #545454;
    font-weight: 700;
}
```
Regards
#308407 Copied
demzie

Participant

November 13, 2021 at 08:42

Yes, this works!
Tweaked a bit! looks good now 🙂

#308449 Copied
Tagged: attributes, howto, json array, label, persuasive, single-productpage, wordpress woocommerce
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Single productpage: Howto get attributes next to label?’' has been successfully resolved, and the topic is now closed for further responses

Single productpage: Howto get attributes next to label?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection