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.

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

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

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

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.

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

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

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro