Return to previous page

Adjust the colors CCSS And Homepage - by Oliver Theiß

This topic has 5 replies, 2 voices, and was last updated 4 years, 8 months 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)