Pregunta sobre Hestia de Wordpress:

Cambiar el color de la entrada de búsqueda en la barra superior

Un usuario preguntó 👇

Hola,

Pongo un widget de búsqueda en la barra superior y quiero cambiar el color de la fuente cuando ingreso texto en este campo. Por defecto, el color es el blanco.

Intenté agregar las siguientes líneas a mi style.css en el tema secundario:

.search-field.form-control {
	color: red !important;
}

Esto funciona para Internet Explorer pero no para Firefox, Chrome y Opera. ¿Alguien tiene una idea, por favor?

(@emranemranx)

hace 3 años

Hola Sanny,

Puedes probar este código:

.search-form input[type=search] {
  color: red;
}

¡Gracias!

Lanzador de hilos

(@sannny)

hace 3 años

Gracias pero esto no funciona. Solo cambia el color de «entrada» del widget de búsqueda en la barra lateral, pero no el widget de búsqueda dentro de la barra de encabezado.

Esta respuesta fue modificada hace 3 años por.

(@emranemranx)

hace 3 años

Hola Sanny,

Comparta el enlace a su sitio.

¡Gracias!

Lanzador de hilos

(@sannny)

Hace 2 años, 11 meses

Hola,

No pude compartir el enlace porque mi blog es solo local en este momento.

Pero creo que tengo el estilo ahora mismo. Si quiero que el color de entrada en el campo de búsqueda sea rojo, tengo que cambiar el siguiente estilo:

.hestia-top-bar .widget .label-floating input[type="search"] {
    -webkit-text-fill-color: red !important;
}

El problema es que ya tiene importancia para que no viole. Busqué este estilo en archivos de tema, está configurado en hestia> inc> features> feature-header-settings.php en function hestia_get_top_bar_style().

$hestia_top_bar_text_color = get_theme_mod( 'hestia_top_bar_text_color', '#ffffff' );
	if ( ! empty( $hestia_top_bar_background ) ) {
		$custom_css .= '.hestia-top-bar, .hestia-top-bar .widget .label-floating input[type=search], .hestia-top-bar .widget.widget_search form.form-group:before, .hestia-top-bar .widget.widget_product_search form.form-group:before, .hestia-top-bar .widget.widget_shopping_cart:before {
			color: ' . $hestia_top_bar_text_color . '
		} 
		.hestia-top-bar .widget .label-floating input[type=search]{
			-webkit-text-fill-color:' . $hestia_top_bar_text_color . ' !important 
		}';
	}

¿Existe la oportunidad de superarlo? ¿Por qué ya es importante?

Esta respuesta fue modificada hace 2 años, 11 meses por. Esta respuesta fue modificada hace 2 años, 11 meses por.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *