Avisos
Vaciar todo

centrar el buscador en una linea  

 
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Ver adjunto por favor

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 13/09/2019 1:39 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaime,

Basta con que insertes el siguiente CSS desde el administrador de WordPress:


  .woocommerce-product-search .search-field {
    width: 65% !important;
   } 

Para agregar CSS personalizado en Wordpress -> https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.

ResponderCitar
Respondido : 13/09/2019 2:24 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

por favor ver adjunto

ResponderCitar
Respondido : 13/09/2019 2:36 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaim,

En realidad los eementos que me indicas tienen el mismo tamaño. Lo que sucede es que por los bordes internos del input de búsqueda le dan una apariencia de tamaño menor. Mientras que el botón verde, al ser un botón comúnmente no lleva el mismo estilo de bordes internos. Veamos si con la siguiente modificación quedas convencido o ya me dirás qué modificar, esto por que el inout sin bordes internos le hace perder alguna propiedad a la que llamaré elegancia.

button, .contributor-posts-link, input[type="button"], input[type="reset"], input[type="submit"] {
 height: 32.9px !important;
}

Saludos.

ResponderCitar
Respondido : 13/09/2019 3:55 am

Cursos Gratuitos WordPress