Return to previous page

Some color setting - by Fantasia - on WordPress WooCommerce support

This topic has 12 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Eva Kemp

Fantasia

Participant

September 2, 2015 at 15:13

Hello,

sorry if I have too much questions, I really try to solve them first but I not always find solutions.
I’d like to change the color of the links and some of the buttons but I can’t do this in Theme Options.

1. Links are blue in some cases, I’ve made few screenshots about it.

They don’t fit to the design this way.

2. Buttons are in different colors, there are white, grey, black and green (this is the color I set as Main Color in Theme Options, but it appears only with hover) ones.
screenshot

The worse is the white version at products (“kosárba rakom” = add to cart), which turns black when I hover with the cursor, and text disappears. This definitely does not support selling 🙂

How can I change these colors (the original and hover too)?

Thank you for your help!
Zsu

#83994 Copied Theme version: WooPress 2.4

11 Answers

Eva Kemp

Support staff

September 2, 2015 at 16:38

Hello,

Your site is under maintenance mode, please provide us with wp-admin panel credentials to be able to view it.

Thank you.
Regards,
Eva Kemp.

#84034 Copied

Fantasia

Participant

September 2, 2015 at 17:11

Hello Eva,

it’s just a page, sorry, you can see it on [this link].
All WP info in private.

Thanks,
Zsu

Please, contact administrator
for this information.

#84051 Copied
Eva Kemp

Support staff

September 2, 2015 at 17:43
Hello,

1. To change links color use this code in custom.css:
```
.header-type-10 .navbar-header .top-links ul li a {
   color: green;
}
.product-title a {
    color: green !important;
}
.footer-top-2 .wpb_text_column.wpb_content_element a {
  color: green;
}
```
2. If you want to set the same color for all buttons please use this css code:
```
.btn {
    color: red !important;
    background-color: black;
}
.btn:hover {
    color: red !important;
    background-color: black;
}
```
Write your color values.

Regards,
Eva Kemp.
#84069 Copied
Fantasia

Participant

September 2, 2015 at 20:17

Hello,

1. Links color OK now, thanks!

2. Product button colors changed, but other buttons didn’t, for example the buttons in the floating cart window on top, and on the checkout page, and on the single product page. Where can I change them one by one? I tried to find the lines in style.css, but there are so many buttons that I can’t find them.

And at least I’d like to change the background color of the main menu’s submenus (now they’re white), how can I do this?

Thank you,
Zsu

#84132 Copied
Jack Richardson

Support staff

September 3, 2015 at 09:24
Hello,

Please use this css code for buttons in top cart widget:
```
.shopping-container .btn.border-grey {
    background-color: green;
    border-color: green;
    color: #fff !important;
}
.cart-popup-container .btn.filled.big {
    background-color: green;
    border-color: green;
    color: #fff !important;
}
```
This code for buttons on Cart page:
```
.cart-collaterals .checkout-button {
    background-color: green !important;
    color: white !important;
}
.coupon .btn.big {
    background-color: green !important;
    color: white !important;
}
.btn.gray {
    background-color: green !important;
    color: white !important;
}
```
To change background color for dropdown menu use this code:
```
.menu .nav-sublist-dropdown, .menu-wrapper .menu-main-container > ul .nav-sublist-dropdown ul > li ul {
   background-color: grey;
}
```
Best regards,
Jack Richardson.
#84259 Copied
Fantasia

Participant

September 3, 2015 at 10:29

Hello,

thank you, they are ok now!
I have only one button left to edit: the order button on the bottom of the Checkout page.

Thanks,
Zsu

#84287 Copied
Jack Richardson

Support staff

September 3, 2015 at 11:44
Hello,

Please use this code for order button on Checkout page:
```
#order_review .place-order .button {
   background-color: grey !important;
}
```
Best regards,
Jack Richardson.
#84310 Copied
Fantasia

Participant

September 4, 2015 at 18:45

Hello!

I always find new buttons…

1. ‘Add to cart’ button on single product page
2. ‘Add review’ button on single product page
3. ‘Search’ button in the search widget

Thank you for your help!
Zsu

#84687 Copied
Eva Kemp

Support staff

September 4, 2015 at 18:59
Hello,

1. Please use this css code:
```
.product-information .cart button[type="submit"] {
    background-color: green !important;
    color: white !important;
}
```
2. Add this code:
```
#commentform .form-submit input[type="submit"] {
  background-color: green !important;
  color: white !important;
}
```
3. Please use the following code:
for search button in header:
```
.et-search-trigger.search-dropdown form .form-group.form-button .btn-black {
  background-color: green !important;
  color: white !important;
}
```
for search widget in sidebar:
```
.widget_search .form-group button {
    background-color: green;
}
```
Regards,
Eva Kemp.
#84694 Copied
Fantasia

Participant

September 5, 2015 at 09:17

Hello!

Thanks!
I really hope this button is the last: contact form “Send message” button.
Isn’t there anyway a code to change all black buttons to green?

Thank you,
Zsu

#84765 Copied
Eva Kemp

Support staff

September 5, 2015 at 10:13
Hello,

Please use this code:
```
.btn.big, .button.big, .subscription-toggle, .bag-total-table .large-btn {
   background-color: green !important;
}
```
Regards,
Eva Kemp.
#84779 Copied
Viewing 12 results - 1 through 12 (of 12 total)