Home Forums Free Themes Signify Photography Change Color of Buttons and Menue

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #170885
    FFWMann88
    Participant

    Hello,
    I would like to change the general Color from #fcbf29 (the golden/yellow color) to another one, like red.
    What I have to add in the additional CSS to change this general color for all (buttons, menues, links, mouseovers and so on)?

    Thank you very much!

    #170989
    Psink
    Keymaster

    Hello

    Please add this CSS

    For menu item color and hover color

    
    @media only screen and (min-width: 75em){
    	.transparent-header-color-scheme.has-header-media.navigation-classic .site-header-main .main-navigation > .nav-menu > li > a, .transparent-header-color-scheme.home.navigation-classic .site-header-main .main-navigation > .nav-menu > li > a {
    	    color: #c52626;
    	}
    }
    
    .transparent-header-color-scheme.has-header-media.navigation-classic .site-header-main .main-navigation > .nav-menu > li > a:hover{
    	color: #fff
    }
    

    For btn and btn hover color

    
    .more-link, .button, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-time-handle, .mejs-time-hovered, .mejs-time-handle-content, .mejs-time-current, .mejs-time-handle-content, .mejs-controls .mejs-time-rail .mejs-time-current, #feature-slider-section .owl-prev, #feature-slider-section .owl-next, .section .filter-button-group .button.is-checked:before, .pagination .page-numbers.current, .entry-content button, .entry-summary button, button, #scrollup, .slider-content-wrapper .controllers .cycle-prev, .slider-content-wrapper .controllers .cycle-next, input[type="submit"], button[type="submit"], .scrollup a, .sticky-post, #team-dots li.active:after, #team-content-section .team-content-wrapper.owl-carousel .owl-nav button:hover, #team-content-section .team-content-wrapper.owl-carousel .owl-nav button:focus, .wp-block-button__link, #infinite-handle > span > button, .menu-inside-wrapper #site-header-cart-wrappe li>a, .contact-section .entry-container ul.contact-details li .fa, nav.navigation.posts-navigation .nav-links a, .page-numbers li .page-numbers.current, .archive-content-wrap .pagination .page-numbers.current, .cart-collaterals .shop_table.shop_table_responsive .cart-subtotal, .catch-instagram-feed-gallery-widget-wrapper .button, .sticky-label, .wpcf7 input[type=submit]:hover, .wpcf7 input[type=submit]:focus, .archive-posts-wrapper .more-link:hover, .archive-posts-wrapper .more-link:focus, .archive-posts-wrapper .button:hover, .archive-posts-wrapper .button:focus, .archive-posts-wrapper button :hover, .archive-posts-wrapper button :focus, .comments-area input[type=submit]:hover, .comments-area input[type=submit]:focus, #service-section .more-link:hover, #service-section .hentry .more-link:focus, #service-section .hentry .button:hover, #service-section .hentry .button:focus, #service-section .hentry button:hover, #service-section .hentry button:focus, #featured-content-section .section-content-wrapper .hentry .more-link:hover, #featured-content-section .section-content-wrapper .hentry .more-link:focus, #featured-content-section .section-content-wrapper .hentry .button:hover, #featured-content-section .section-content-wrapper .hentry .button:focus, #featured-content-section .section-content-wrapper .hentry button:hover, #featured-content-section .section-content-wrapper .hentry button:focus, #stats-section .hentry .more-link:hover, #stats-section .hentry .more-link:focus, .woocommerce .products .product-container:not(.entry-container) .button:hover, .woocommerce .products .product-container:not(.entry-container) .button:focus, .woocommerce .products .product-container .added_to_cart:hover, .woocommerce .products .product-container .added_to_cart:focus, #collection-section .collection-wrapper .product-container .added_to_cart:hover, #collection-section .collection-wrapper .product-container .added_to_cart:focus, #site-generator #social-footer-navigation a:focus:before, #site-generator #social-footer-navigation a:hover:before, #feature-slider-section .owl-dots button.owl-dot span, #portfolio-content-section .hentry .more-link:hover, #portfolio-content-section .hentry .more-link:focus, .timeline-section .content-wrapper:before, .timeline-section .hentry .hentry-inner:before{
    	background-color: #c52626;
    }
    
    #featured-content-section .section-content-wrapper .hentry .more-link,
    .archive-posts-wrapper .hentry .more-link {
    	border-color: #c52626;
    }
    

    Change the color code as per your requirement

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.