Change search box text color

  • Resolved jdaldana

    (@jdaldana)


    7 years, 12 months ago

    Hi,

    If I understand correctly, we are using a child theme out of Twenty Fifteen theme.

    On our website, https://www.capacitorindustries.com, we have a header search widget.
    I would like to change the font (currently gray) into blue or something more visible.
    I tried tinkering style.css but had no success.
    When I tried to play around searchform.php, I was able to change the placeholder text (Search our site…) but not the color.

    Below is the searchform.php:

    <form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
	<label>
		<span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span>
		<input type="search" id="search-textbox" class="search-field form-control" placeholder="<?php echo esc_attr_x( 'Search our site …', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" />
	</label>
	<input type="submit" value="<?php echo esc_attr_x( 'search', 'submit button' ) ?>" />
</form>

    Any help is appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)

  • the color seems to be set in https://www.capacitorindustries.com/wp-content/themes/motorcapacitors/css/main.css:

    ::-webkit-input-placeholder { /* WebKit browsers */
    color:  #ccc !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:  #ccc !important;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:  #ccc !important;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:  #ccc;
}

    possibly try and use the ‘additional CSS’ section in the ‘customizer’ or under ‘appearance – customize’ to add your new CSS to overwrite the color

    PS: not a child theme of Twenty Fifteen – maybe a strongly customized clone (?)

    • This reply was modified 7 years, 12 months ago by Michael.
    • This reply was modified 7 years, 12 months ago by Michael.
    Thread Starter jdaldana

    (@jdaldana)

    Thanks for the feedback Michael.

    It seems like there’s a limit to what I could edit.

    I think we’ll just have to let our web designer handle this.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change search box text color’ is closed to new replies.