Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1345777
    shannonhamilton
    Participant

    URL: http://jerkyhaven.akamainetworks.com
    Wordpress Version: 4.7.1
    Cornerstone: 1.3.0

    Im trying to change the default colors for some areas of the website. I have been unable to find any custom CSS to modify this. Im trying to change the default red color to grey:

    1. Breadcrumbs area of WooCommerce. Red color is revealed on mouseover when viewing a product.
    example URL: http://jerkyhaven.akamainetworks.com/product/garlic-landjaegar-12oz/

    2. Category. Red color is present all the time when viewing a product. See category.jpg.
    example URL: http://jerkyhaven.akamainetworks.com/product/garlic-landjaegar-12oz/

    3. Line above “Additional Information”. Visible when viewing a product. See adding.jpg
    example URL: http://jerkyhaven.akamainetworks.com/product/garlic-landjaegar-12oz/

    4. Product Name. This is present on mouseover when viewing “The Shop”.
    example URL: http://jerkyhaven.akamainetworks.com/shop/

    Any advise is greatly appreciated. If you have any questions or need screenshots, please let me know.

    Shannon

    #1345807
    Prasant Rai
    Moderator

    Hello Shannon,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover {
        box-shadow: inset 0 3px 0 0 #ddd;
    }
    
    a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .x-topbar .p-info a:hover, .x-breadcrumb-wrap a:hover, .widget ul li a:hover, .widget ol li a:hover, .widget.widget_text ul li a, .widget.widget_text ol li a, .widget_nav_menu .current-menu-item > a, .x-widgetbar .widget ul li a:hover, .x-accordion-heading .x-accordion-toggle:hover, .x-comment-author a:hover, .x-comment-time:hover, .x-recent-posts a:hover .h-recent-posts{color: #ddd !important;}

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1345777 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>