WHITE COLOUR BORDER

Attached image (no 1+2)

On my shop page the white colour option blends in with the white background.
On the product page the white colour (only) have a thin 1 pixel grey outline, how can i add this function on shop page?

Attache image (no. 3)
also i see the demo there are more white height wise between the the product rows, how can this be achieved?
I found and option to control white space width in theme settings.

best regards,
Nicolaj

Attachments:

You must be logged in to view attached files.

I have solved no 3. myself

..But regarding no 1+2 then I cant find out how to do the outline on WHITE COLOR ONLY on shop page.
furthermore i see the color filter on mobile is just 1 coloum, prefered it was compressed to 2 coloums thats the case already on the desktop CSS.

How can i make mobile CSS show the colors in the filter in 2 coloums?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woodmart-woocommerce-layered-nav .swatches-large.swatches-brands .filter-swatch>span {
    border: 1px solid #999999;
}

Best Regards

Thanks Elise,

It kind of worked but i would prefer.:
1 – Would be possible to specify in the css so the border ONLY got added to the white box #ffffff
2 – The menu on mobile do not show color filter in 2 columns, but in 1 column (a long color menu is not ideal for mobile) can this be corrected?

please see my attachment.

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, there is no option to set the border for the white color only.

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 1024px){
body .woodmart-woocommerce-layered-nav .swatches-display-double li {
    flex-basis: 50%;
    max-width: 50%;
	}
}

Best Regards

Hi Elise,

Okay noted.
That fixed the color menu on mobile.
Thanks for the help!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts