CHANGE IMAGE ATTRIBUTES

I am trying to set up custom images for attributes.
The attribute is size with 4 selections. I have them set up like this and all is working fine.

https://woodmart.xtemos.com/shop/other/watch/classic-neu-black/demo/watch/

Is there a way to add some color our outline the attributes similar to the attachments?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-swatch.text-only:after {
	content: none;
}

.swatch-on-single.swatch-enabled {
	border: 1px solid blue;
	padding: 10px;
    border-radius: 10px;
}

.woodmart-swatch.swatch-on-single.active-swatch.swatch-enabled {
background: navy;
   color: white;
}

Best Regards.

Cheers,

Exactly what I was looking for.

The issue is that it only shows when I select an attribute.
When the page loads, all attributes are loaded but loaded regular, just text without an underline. I have to select an attribute to have the CSS work.

Is there a way to load the css when the page loads, so that the attributes are highlighted and selected before selecting an option.

Video below.

Thanks

Video is updated.

Hello,

You are Most Welcome.

I watched the video you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-swatch.swatch-on-single {
    border: 1px solid blue;
    padding: 10px;
    border-radius: 10px;
}

Regards.
Xtemos Studios.

That did the trick.

Appreciate the support. Thanks

Most Welcome :-)

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts