Button

How to create outlined buttons and when you hover the button will have a bg color. sample outlined button attached

https://storage.googleapis.com/spec-host-backup/mio-components%2Fassets%2F1b2CXpWNxh1k2YJUw_6B_CkkZUiHYYrzh%2Fspecs-outlined-button.png

Hello,

There is no option to configure the button in this way, it is possible to configure with custom CSS, if you need help in CSS, provide the page URL with the button.

Best Regards

All the buttons on our website

Hello,

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

.added_to_cart, 
.btn, 
.button, 
[type=button], 
[type=submit], button {
background:white!important;
color:blue!important;
border:2px solid blue!important;
}
.added_to_cart:hover, 
.btn:hover, 
.button:hover, 
[type=button]:hover, 
[type=submit]:hover, button {
background:blue!important;
color:white!important;
border:2px solid blue!important;
}

Set the styles as per your needs, there may be buttons which would requre the different styles, provide the page URL and how to change.

Best Regards

How about add to cart button only?

I want to implement the white background button on add to cart only

Hello,

Here is the code for Add to cart button:

.added_to_cart{
background:white!important;
color:blue!important;
border:2px solid blue!important;
}
.added_to_cart:hover {
background:blue!important;
color:white!important;
border:2px solid blue!important;
}

Best Regards

[Author]

Posts