Avisos
Vaciar todo

[Resuelto] Estilo del buscador  

 
Jose Juan
 Jose Juan
Usuario experto

Buenos días, me gustaría darle un poco mas de personalidad al buscador que esta un poco pobre.

Meterlo dentro de un rectángulo y destacarlo en negrita si fuera posible.

 

Gracias.

Contenido solo visible a usuarios registrados

Respondido : 11/01/2023 9:37 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola juan Jose.

Revisa si es esto lo que buscas:

.-Añade lo siguiente en el archivo custom.css que encontrarás en themes->interior_th->assets->css " custom.css "

@media (min-width: 768px) {

#search_widget {
margin-bottom: 20px;
width: 100%;
min-width: 50rem;
padding: 10px 20px 10px 40px;
outline: none;
background-color: #f1f1f1;
border: none;
border-radius: 5px;
margin-left:100%;
float:initial
}
#search_widget form i {
position: initial;
padding: inherit;

}
}

 

El resultado sería este:

screenshot easelectric canarias.es 2023.01.11 11 53 37

 

Un saludo

Respondido : 11/01/2023 10:54 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jose Juan
 Jose Juan
Usuario experto

@pepesoler ya puse el código donde me dices y borre cache pero no hay ningún cambio

Respondido : 11/01/2023 11:04 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Juan Jose.

Ok Añadelo en el archivo theme.css que encontradas en la misma ruta.

@media (min-width: 768px) {
#search_widget {
margin-bottom: 20px!important;
width: 100%!important;
min-width: 50rem!important;
padding: 10px 20px 10px 40px!important;
outline: none;
background-color: #f1f1f1;
border: none;
border-radius: 5px;
margin-left:100%!important;
float:initial!important;
}
}
#search_widget form i {
position: initial!important;
padding: inherit!important;
}

 

Cuando lo tengas añadido recuerda borra la caché.

 

Un saludo

Respondido : 11/01/2023 12:08 pm

Jose Juan
 Jose Juan
Usuario experto

@pepesoler exactamente lo mismo no ocurre nada despues de borrar cache.

 

lo deje en las dos ruta que me dejaste y luego solo en theme.css y nada

 

Respondido : 11/01/2023 12:20 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jose Juan, 

En este caso puedes enviarnos algunas capturas donde añades el código de esta forma podemos revisar con mayor detalle que sucede, ten en cuenta como indica Pepe debes añadirlo en el custom.css de tu tema.

De manera general revisa estés añadiendo el código completo sin ningún error, es decir con todas las etiquetas de cierre para que este se aplique de forma correcta en tu sitio web. 

Un Saludo 

Respondido : 11/01/2023 12:46 pm

Cursos Gratuitos WordPress

Jose Juan
 Jose Juan
Usuario experto

@karen Buena a priori creo que esta todo bien te paso foto de donde lo añado

captura css

 

Respondido : 11/01/2023 12:52 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jose Juan, 

En este caso veo que lo añades en el archivo theme.css, prueba añadirlo en el archivo custom.css de tu tema ya que es donde se suelen aplicar estos cambios. Igualmente envíanos una captura del código que tienes añadido para revisar todo con mayor detalle. 

Un Saludo 

 

Respondido : 11/01/2023 1:00 pm

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

Jose Juan
 Jose Juan
Usuario experto

@karen te paso captura de donde me indicas que fue donde tu compañero me dijo la 1º vez 

custom
Respondido : 11/01/2023 1:04 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jose Juan, 

Elimina todo el codigo que tienes añadido y pegalo nuevamente, revisa no tengas ninguna etiqueta de CSS abierta, si tienes alguna el mismo sistema te mostrará una alerta

image

Si con ello no funciona una alternativa es que añadas estilos CSS adicionales con un módulo, por ejemplo puedes probar → Contenido solo visible a usuarios registrados

Este módulo debes descargarlo e instalarlo en tu sitio web, una vez lo instales acceder a Módulos → CSS y pegas el código que te indica Pepe, guarda los cambios y borra la caché de tu tienda en los parámetros avanzados. 

Revisa si con ello logras aplicar los cambios que necesitas. 

Un Saludo

Respondido : 11/01/2023 1:24 pm

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

Jose Juan
 Jose Juan
Usuario experto

@karen Muchas gracias por la ayuda ya va genial gracias al modulo ^^

Respondido : 11/01/2023 1:36 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Jose Juan, 

Gracias a ti, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊 

Respondido : 11/01/2023 1:40 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress