Adjust the colors CCSS And Homepage - by Oliver Theiß

Solved4 replies2 participantsUpdated by Oliver Theiß

  • Avatar: Oliver_Theis
    Oliver Theiß
    Participant

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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
    Avatar: Oliver_Theis
    Oliver Theiß
    Participant

    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
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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
    Avatar: Oliver_Theis
    Oliver Theiß
    Participant

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

    Oliver

    #283563 Copied

The issue related to '‘adjust the colors CCSS And Homepage’' has been successfully resolved, and the topic is now closed for further responses