Return to previous page

Popup basket button style - by addingadds

This topic has 5 replies, 2 voices, and was last updated 9 years, 8 months ago ago by Eva Kemp

addingadds

Participant

March 3, 2015 at 12:10

Hi

I get popup when adding item to basket, Cool feature, BUT,

where can i change the colors/style of the buttons ?

Please, contact administrator
for this information.

#46891 Copied Theme version: woopress WooCommerce version: 2.3.5

4 Answers

addingadds

Participant

March 3, 2015 at 12:11

#46893 Copied
Eva Kemp

Support staff

March 3, 2015 at 13:52
Hello,

You need add this code in custom.css file:
```
.emodal .emodal-text .btn {
    background-color: red;
    color: black;
}
```
```
.btn.filled.active {
    background-color: red;
    color: black;
}
```
Add your color values for text color and background color.

How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#46931 Copied
addingadds

Participant

March 3, 2015 at 15:45

Thank you.

I created the custom CSS, but how many places or different styles must i change to change all the buttons in the theme ? Is there an easy overview of the styles to buttons ?

#47024 Copied
Eva Kemp

Support staff

March 3, 2015 at 19:48
Hello,

For other buttons you can use this code:
```
.btn {
    background-color: red;
    color: black;
}
```
Thank you.
Regards,
Eva Kemp.
#47079 Copied
Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Minimal Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Drinks Store – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WooCommerce Theme

lazy-placeholder

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Plumbing Store – WordPress WooCommerce Theme

lazy-placeholder

Onepage Store – WooCommerce Theme

lazy-placeholder

Shoes Store – WordPress WooCommerce Theme

lazy-placeholder

Marseille 01 – WordPress WooCommerce Theme

lazy-placeholder

Books Store – WordPress WooCommerce Theme

lazy-placeholder

Travel – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.