Attributes circles size

[Mag8891]

Hello Harry,

could you please let me know the code I would like to increase the variations circles on product page

please see attached

 

thank you

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.swatch__value {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 32px;
}

And change number with yours.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

perfect, Thank you!

[Mag8891]

Oh just one thing it seems that the attribute name heading is restricted in width on mobile view, can I make it in line without creating a second line as it seems enough spase for it.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

On my screen it show like this http://take.ms/HunWC did you fix?

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

Hi sorry did you check on mobile view?

[Harry]

Hi Mag,

Please add more code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.wcst_savings_variation {
	margin-bottom: 0;
}}

@media only screen and (max-width: 360px) {
.entry-summary .wcst_savings_variation {
	float: left;
}
.swatch__title {
	float: left;
	margin-top: 20px;
	margin-bottom: 25px;
}
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts