Avisos
Vaciar todo

centrar el buscador en una linea

4 Respuestas
2 Usuarios
0 Reactions
38 Visitas
Respuestas: 524
Honorable Member
Topic starter
 

Ver adjunto por favor

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 13/09/2019 12:39 am
Bulmaro
Respuestas: 4380
Famed Member 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.


 
Respondido : 13/09/2019 1:24 am
Respuestas: 524
Honorable Member
Topic starter
 

por favor ver adjunto


 
Respondido : 13/09/2019 1:36 am
Bulmaro
Respuestas: 4380
Famed Member 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.


 
Respondido : 13/09/2019 2:55 am