Return to previous page

Adjust the colors CCSS And Homepage - by Oliver Theiß

This topic has 5 replies, 2 voices, and was last updated 3 years ago ago by Oliver Theiß

Oliver Theiß

Participant

April 9, 2021 at 17:32

Hello
awww..I dont know what to do, it does not work….. and I dont know why… :(((
Please help me to adjust the colors and i have tried it a few times now and every time i exit the yellow pencil mode the colors change again.

On the homepage in the lower area for the blog section , a few color-coded text should be adjusted in front of the footer:
i have shown everything in screenshots 🙂

on the home page the blog title should be white with a white hover that is slightly larger animation grow.
the read on tags should also be white with an orange hover:#FA9800

on the blog page (archive) the blog title should also be white as well as the gray elements in the sidebar …. the hover should be pink here #E92556
in addition, the product title on the home page should also be white ….. I can’t adjust it somehow ..

Thank you very much for your help, which I really appreciate
Oliver

https://www.deinfitnessfreund.de/wp-content/uploads/2021/04/color-customization-read-more-link-and-and-blog-article-name.png

Please, contact administrator
for this information.

#283401 Copied Theme version: 7.2.7 WooCommerce version: Version 5.1.0

4 Answers
Rose Tyler

Support staff

April 10, 2021 at 08:24
Hello,

Use the next code in Theme Options > Theme custom CSS:
```
.post-heading a,
.blog-post .read-more,
.content-product .product-title a {
    color: white !important;
}
.home .post-heading a:hover,
.home article .meta-post:hover {
    color: white !important;
}
.home .blog-post .read-more:hover {
    color: #FA9800 !important;
}
.post-heading a:hover,
.blog-post .read-more:hover,
.sidebar-widget ul li a:hover {
    color: #E92556 !important;
}
.product_list_widget li .price, 
.wishlist-dropdown li .price, 
.sidebar-slider li .price,
.sidebar-widget ul li a,
.product_list_widget li .product-title a,
.widget-title, .null-instagram-feed p a {
    color: white;
}
```
Do not forget to clear cache before checking the result.

Regards
#283430 Copied
Oliver Theiß

Participant

April 10, 2021 at 11:59

Hello thank you for the quick help. But unfortunately something went wrong.

I wanted for the products the titles in white with a hover in #E92456 only on the homepage.

On the other pages not…..Now you can not see any product name on the other pages…. This should be changed urgently please 🙁

Best regards Oliver

#283468 Copied
Rose Tyler

Support staff

April 10, 2021 at 12:21
Change this code http://prntscr.com/118wfgz to
```
.post-heading a,
.blog-post .read-more,
.home .content-product .product-title a {
    color: white !important;
}
.home .post-heading a:hover,
.home article .meta-post:hover {
    color: white !important;
}
.home .blog-post .read-more:hover {
    color: #FA9800 !important;
}
.post-heading a:hover,
.blog-post .read-more:hover,
.sidebar-widget ul li a:hover,
.home .content-product .product-title a:hover {
    color: #E92556 !important;
}
.product_list_widget li .price, 
.wishlist-dropdown li .price, 
.sidebar-slider li .price,
.sidebar-widget ul li a,
.product_list_widget li .product-title a,
.widget-title, .null-instagram-feed p a {
    color: white;
}
```
Regards
#283471 Copied
Oliver Theiß

Participant

April 11, 2021 at 19:50

hello , thanks for the help over the weekend. That was very nice ,
wish a good start of the week

Oliver

#283563 Copied
Viewing 5 results - 1 through 5 (of 5 total)