Search Form

  • Hello

    I’m changing the color scheme using a child, but have been unable to adjust the search form and submit button colors. Except on hover. This has me confounded, since I’ve searched all three associated style sheets as well as the html and found no remaining reference to the original hexadecimal code. What am I missing? Heck, I’d even be happy to completely remove the search form altogether. Please help.

    Thanks,
    Dave

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author TT Themes

    (@tomastoman)

    Dear Dave,

    if you would like to remove the header search form, please select the option “Hide” in “Theme Options > Header > Dispaly Search Form”.

    To change the colors of buttons, please use this custom CSS:

    body .post-entry .read-more-button,
body .grid-entry .read-more-button,
body input[type=button],
body input[type=submit],
body input[type=reset],
body #searchform .searchform-wrapper .send {
  background-color: #7eb112;
}

body .post-entry .read-more-button:hover,
body .grid-entry .read-more-button:hover,
body input[type=button]:hover,
body input[type=submit]:hover,
body input[type=reset]:hover,
body #searchform .searchform-wrapper .send:hover {
  background-color: #649300;
}

    The original CSS for all form elements is located in “style.css” (it starts on line 1212).

    Best regards,
    Tomas Toman

    Thread Starter hazzardzone

    (@hazzardzone)

    Thanks! Works great in Firefox and, what? IE? But NOT in Google.

    Any thoughts? What must I do? Put “!important” in there somewhere?

    Thanks again,
    Dave

    Thread Starter hazzardzone

    (@hazzardzone)

    Well, I’ve cleared my cache (Duh!). I now have more favorable results, but, when clicked on, the border around the text entry field remains the original theme color – in Google only.

    ?

    Theme Author TT Themes

    (@tomastoman)

    Dear Dave,

    please try to use this custom CSS to set a custom border color for the text entry field:

    #searchform input[type=text] {border-color: #ff0000;}
textarea:focus, input:focus {outline: 0 !important;}

    By default, Google Chrome automatically shows an outline around a text input when clicked on. The second line of the CSS above will prevent it.

    Best regards,
    Tomas Toman

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Search Form’ is closed to new replies.