Home Forums WoodMart support forum Search box text and query text color update

Search box text and query text color update

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

    roadlink
    Participant

    Hello,

    I want to change color of “placeholder” text and also search query color.

    I have managed to change “search for products” wording color with this.

    .whb-column .woodmart-search-form .searchform input[type=text]::placeholder {
    	color: #000000!important;
    }

    But can’t find a way to change color of search input. Like I am searching for “iphone”.
    I want to make “iphone” text color to black.

    reason:
    Google gives warning about the color.

    “Background and foreground colors do not have a sufficient contrast ratio.
    Low-contrast text is difficult or impossible for many users to read. Learn more.
    Failing Elements
    input.s”

    #276017

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .searchform input[type=text] {
        color: red;
    }

    Regards.
    Xtemos Studios

    #276098

    roadlink
    Participant

    Perfect. Thanks
    I am so close to have 100 points in all categories.
    https://prnt.sc/10uhori

    Rest 2 issues are also related with the theme.
    If you can solve these then we can have 100 in all categories with the woodmart theme.

    1. https://prnt.sc/10uhr42
    2. https://prnt.sc/10uhrry

    #276182

    Hello,

    You are Most Welcome.

    I saw the screenshots you attached.

    The IDs seem to be coming from the woocommerce plugin not from our theme.

    Regards.
    Xtemos Studios

Viewing 4 posts - 1 through 4 (of 4 total)