Return to previous page

How to change the page color - by k1 - on WordPress WooCommerce support

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

k1

Participant

May 26, 2015 at 03:33

I have modified my custom.css, here what I have used so far that works well:
——————————–
.main-nav{
background-color: #b2ad99;
}
.fixed-header{
background: #80a3b7;
}
header {
background-color: #80a3b7 !important;
}

.header1 {
margin-top: 0px;
margin-bottom: 0px;
}
————————————–

However:
1) I would like to know how to change the page color (not the background of the website). Currently, it’s white. I would like to change it to another color like #fffef1.

2) For some reasons the hover links or button are white.

3) how to change the background color of the sub menu.

4) My shopping card color it’s all white, we cannot see the “Add to card”

#65958 Copied Theme version: v2.7

3 Answers
Robert Hall

Support staff

May 26, 2015 at 07:19
Hello,

Please add this code in custom.css file.
1)
```
.page-wrapper {
  background: #fffef1;
}
```
2)
```
 .main-nav .menu > li > a:hover{
color:red;
}
```
3)
```
.main-nav .menu > li .nav-sublist-dropdown {
  background-color: #693D3D !important;
}
```
4) Please provide us with link to cart page and some products.

Regards,
Robert Hall.
#65966 Copied
k1

Participant

May 26, 2015 at 18:01

1) Here is the link to the product page that it’s hard to see the “Add to Cart”
http://julianadesign.com/db2015/product/daruna-bowl

2) The hover on “Read More” button still is not visible:
Here is the link:
http://julianadesign.com/db2015/blog

Thanks,
k1

#66131 Copied Theme version: v2.7
Eva Kemp

Support staff

May 26, 2015 at 18:21
Hello,

1. Add this code in custom.css file:
```
.single-product-page .product-info .single_add_to_cart_button {
    color: black !important;
    background-color: white !important;
    border: 1px solid black;
}
```
2. Please use this code in custom.css file:
```
.featured-posts .featured-post .read-more:hover {
    border: 1px solid #DDD;
    color: #000;
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 12px;
}
```
Regards,
Eva Kemp.
#66141 Copied
Tagged: how to, page color change, seo friendly, templates, tutorial, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)