Return to previous page

Change Colors - by brnenvato - on WordPress WooCommerce support

This topic has 9 replies, 2 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

brnenvato

Participant

September 3, 2018 at 21:52

Hello. I would like to change colors:

1. social icons, change the color of the circle: from black to green.
2. all the links from red to green.
3. the color of the ADD TO CART buttons (even the mouse over, even in the single product: from black to gold).

What would be the best method to proceed? Is there a possibility from the options and the theme? I tried with css but I can not: using the tools of google works, but adding the same css does not change anything. Thanks a lot. Best regards. Bruno

ps: in the theme management, woopress is version 4.4, while the child theme indicates 0.0.1, as also indicated in the general panel of the 8theme theme options; if you send your wp access privately, could you check it all right? In this case, the reference mail please. Thanks for your support.

#198859 Copied

8 Answers

Rose Tyler

Support staff

September 4, 2018 at 07:22

Hello,

Please provide us with temporary wp-admin access so we can take a closer look.
8themes@gmail.com

Regards

#198874 Copied

brnenvato

Participant

September 4, 2018 at 08:43

Hello. Here are the accesses. Thanks a lot. Best regards. Bruno

Please, contact administrator
for this information.

#198883 Copied
Rose Tyler

Support staff

September 4, 2018 at 12:19
Hello,

1. Please add this code in Theme Options > Custom css > Global custom css or in style.css file of your child theme:
```
.menu-social-icons i, .main-footer .menu-social-icons li i {
    background-color:  green !important;
}
```
2. You may set Main Color in Theme Options > Styling
+ add this code in custom css area:
```
.product_meta a {
    color: green;
}
```
3.
```
.border-grey:hover {
    background-color: green;
    border-color: green;
}

.single_add_to_cart_button {
    background-color: green;
}
.product-information .cart button[type="submit"]:hover {
    background-color: green;
}
```
Regards
#198907 Copied
brnenvato

Participant

September 4, 2018 at 16:54

Hello. Many thanks. I did as requested, 2 problems remain:

1. the color of the circle of the social icons remains black: I would rather the black become green (or another color, gold).

2 on the home page the product buttons remain with the black border, must turn green and the word green; with the mouse over the border disappears and the button becomes green with the white writing. The same for the single product page. Following your suggestions, the button with the mouse over turns green only on the page of the single product: all the buttons “add to cart” must have only the green border and the green writing, with the mouse over the edge disappears, the button becomes all green with white lettering.

I allowed myself to update the two images to report the indications.

Thank you very much for your patience and support. Best regards. Bruno

#198941 Copied
Rose Tyler

Support staff

September 5, 2018 at 08:00
Hello,

Thanks for the reply.
1. Please add this code in your child theme/functions.php file:
wp_enqueue_style( 'dynamic-css', get_stylesheet_directory_uri() . '/dynamic.css' );
after that create an empty dynamic.css file in child theme directory.
Then change previous custom css code to:
```
.menu-social-icons i, .main-footer .menu-social-icons li i {
    background-color:  green !important;
}
.menu-social-icons circle {
    stroke: green;
}
```
3. Please change the previous code to:
```
.border-grey:hover {
    background-color: green;
    border-color: green;
}
.border-grey {
    color: green;
    border-color: green;
}

.single_add_to_cart_button {
    color: green;
    background-color: white;    
    border: 2px solid green;
}
.product-information .cart button[type="submit"]:hover {
    background-color: green;
    border: 2px solid green;
}
```
Regards
#198963 Copied
brnenvato

Participant

September 5, 2018 at 22:31

Hello. Thanks for the answers. Now is perfect!!! Best regards. Bruno

#199032 Copied

brnenvato

Participant

September 5, 2018 at 22:43

Thanks again for your support. Best regards. Bruno

#199033 Copied

Rose Tyler

Support staff

September 6, 2018 at 07:19

Hello,

You’re welcome!

Regards

#199039 Copied
Viewing 9 results - 1 through 9 (of 9 total)