Border on Shoe Size Swatches

Hi, hope you are doing good, I have 2 question

One is how to put a border on swatches when we are selecting numbers for shoe sizes? the sample is attached of what is showing on the product page and what I want,

The second question is when the size is got finished why the size swatches are not turning it into a cross with blur? like every time customers have to click each size to check the availability.

I have attached some screenshot hope you understand what I want and hope you can guide how can I avail these options, otherwise I have to go with “Woocommerce Variation Swatches” plugin, which I don’t want because I chose Woodmart because of all desire features, Total Ajax features and Swatches options on Shop page. Please don’t make me upset with my decision

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

To add a border on the swatches try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-swatch.swatch-on-single {
    border: 1px solid black;
    padding: 5px;
}

And sorry but it is not possible to add a Cross to the out-of-stock swatches. It requires customizations and this is beyond our limitations and support policy.

Best Regards

How can I make my header transparent for specific pages?

Hello,

There is no option in the theme to achieve this but please share the page URL where you want to transparent the header so I will try to do it with the custom CSS then I will give you the custom CSS code to make the header transparent on the specific pages.

Best Regards.

[Author]

Posts