Home › Forums › Free Themes › Signify Photography › Change Color of Buttons and Menue
- This topic has 1 reply, 2 voices, and was last updated 2 years, 3 months ago by Psink.
Viewing 2 posts - 1 through 2 (of 2 total)
-
AuthorPosts
-
November 11, 2021 at 5:06 am #170885FFWMann88Participant
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!
November 14, 2021 at 10:58 pm #170989PsinkKeymasterHello
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
-
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.