Return to previous page

Change styling of Variable product attributes

This topic has 2 replies, 2 voices, and was last updated 7 years, 10 months ago ago by Olga Barlow

Dom1788

Participant

January 16, 2017 at 22:36

Hi,

Where can I change the styling of the variable product attributes? The titles are currently very small and close to the attribute selection and I cannot find where to change

Please, contact administrator
for this information.

#152050 Copied

1 Answer
Olga Barlow

Support staff

January 18, 2017 at 14:06
Hello,

You are using additional plugin to add these options, that’s why you have such issue with styles.
Go to Theme Options > Styling > Custom CSS and add the following code to fix it
```
.product-information table.variations td.label .swatchtitlelabel, .product-info-wrapper table.variations td.label .swatchtitlelabel, .product-summary-center table.variations td.label .swatchtitlelabel {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #313131;
    display: inline-block;
    margin-bottom: 9px;
}
```
Regards
#152271 Copied
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Fishing – WooCommerce Theme

lazy-placeholder

Hipster Store – WordPress WooCommerce Theme

lazy-placeholder

Plants Store– WordPress WooCommerce Theme

lazy-placeholder

Grocery Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Meeting – WordPress Theme

lazy-placeholder

Beauty – WooCommerce Theme

lazy-placeholder

Business Card – WordPress Theme

lazy-placeholder

Minimal Fashion 03 Store – WordPress WooCommerce Theme

lazy-placeholder

Ecotransport 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.