[Resolved] Search bar custom colour

Home Forums Support Search bar custom colour

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1400384
    mackiecompany

    Hi

    Is it possible to change the Search Bar in the footer to custom colour #000

    At the moment it is coming from the theme colours but my client would like to customise it.

    Thanks
    Scott

    #1400455
    David
    Staff
    Customer Support

    Hi there,

    try this:

    .woocommerce.widget_product_search input[type="search"] {
        color: #5e6679;
        background-color: #ffffff;
        border-color: #5e6679;
    }
    .woocommerce.widget_product_search input[type="search"]::placeholder {
        color: #000;
    }
    .woocommerce.widget_product_search button {
        color: #ffffff;
        background-color: #5e6679;
    }
    .woocommerce.widget_product_search button:hover {
        color: #ffffff;
        background-color: #5e6679;
    }

    I included the ::placeholder as well.

    #1400668
    mackiecompany

    Hi David,

    Thanks for that, it worked perfectly.

    Regards
    Scott

    #1400672
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.