Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #300849
    iliketrainz98
    Participant

    Is it possible to change the colour (default pink) on the buttons, and the selected menu to and the play button on the video header to another colour?

     

    My site is http://www.feloniousfunk.co.uk

     

    Thanks!

    #300877
    Skandha
    Participant

    @iliketrainz98: Hello there,

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .main-navigation .current-menu-item > a {
    color: #fff000;
    }
    .sticky-post, .more-link .readmore:hover, .more-link .readmore:focus, .header-media .more-link .readmore, #feature-slider-section .more-link .readmore, #hero-section .more-link .readmore, .promotion-section .more-link .readmore, .posts-navigation a, #content #infinite-handle span button, #scrollup, .widget-area .catch-instagram-feed-gallery-widget-wrapper .button, .button, button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, #feature-slider-section .cycle-prev:hover, #feature-slider-section .cycle-prev:focus, #feature-slider-section .cycle-next:hover, #feature-slider-section .cycle-next:focus, #feature-slider-section .cycle-pager span:hover, #feature-slider-section .cycle-pager span:focus, #feature-slider-section .cycle-pager .cycle-pager-active, .widget_calendar tbody a, #gallery-section .gallery-item .gallery-icon a::after, #gallery-section .tiled-gallery .tiled-gallery-item a::after, .pagination .page-numbers.current, .woocommerce-pagination ul li span.current, .woocommerce-pagination ul li a:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce .product-container .wc-forward, .demo_store .woocommerce-store-notice__dismiss-link, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, table.shop_table_responsive tr td.product-remove a, #gallery-section .entry-footer .edit-link a, .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button {
    background-image: linear-gradient(-180deg, #fff000 0%, #123456 100%);
    }

    You can change the color according to your choice.

    Let me know if this works out!
    Kind Regards,
    Skandha

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Change colour of menu/buttons etc.’ is closed to new replies.