Square buttons

Hello,
can you please help me with how to change the button shape to be squared instead of round one for product variation swatches? In the attribute section for products, I selected “Attribute dropdown will be replaced with squared buttons ” but nothing happened. Then I tried using several plugins that do that for variation swatches but the buttons are still round ones. I’m sending you a print screen for you to see what I’m talking about.
Thanks in advance

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.swatch-with-bg {
	border-radius: 0;
}

Best Regards.

Thanks a lot! It worked fine. I’m not into coding at all but I played a bit with it and I used this one to make it better looking. I also added border color so that white color can be seen, so if anyone else needs it here it is.

.woodmart-swatch.swatch-with-bg {
border-radius: 0;
width: 20px;
height: 25px;
padding: 2px;
margin-right: 5px;
margin-bottom: 8px;
display: block;
float: left;
border: 1px solid #a19e9e;
}

Attachments:

You must be logged in to view attached files.

Most Welcome :-)

Thanks for sharing the CSS here that might be helpful for someone else.

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