Avisos
Vaciar todo

Estilo en barra de búsqueda  

 
Eugenio
 Eugenio
Estimable Member

Otra pregunta, como puedo darle estilo al botón?? tamaño letra, color botón, etc.

Tengo el html del botón y lo he agregado a la parte interna y privada de la escuela. Se ve muy básico y simple dentro del editor de wordpress.

Uno de sus colaboradores me recomendó esto:

Lo usual es hacerlo por CSS, tendrías que tener alguna clase o ID que identifique al botón y que sirva para usarlo en el código CSS.

Le puedo dar un ID y en la misma página o en el CSS general de la página agrego el CSS. Pero no tengo idea de CSS, si me pudieran ayudar y darme un código de CSS que yo pueda modificar acorde a mis necesidades...

Gracias

Este es el código que estoy usando, espero esté oculto para todos los usuarios, no sé si sea un problema que alguien vea este código:

Contenido solo visible a usuarios registrados

Citar
Respondido : 15/09/2019 4:30 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En el código que envías veo que el formulario y el botón ya tienen una clase CSS asignada, entiendo que esa clase sólo es para ese formulario, de ser así entonces puedes utilizarla, puedes probar con el siguiente código:

.et_pb_searchform .et_pb_searchsubmit{
  background:#cc0000;
  color:#fff;
}

Puedes agregar código adicional, de manera general sólo he definido el fondo y el color de texto.

Para agregar código CSS puedes revisar:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.

ResponderCitar
Respondido : 15/09/2019 6:04 pm

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

Eugenio
 Eugenio
Estimable Member

Perfecto, mil gracias.

Otra pregunta, porque no sé como hacerlo.

Te adjunto una imagen para que veas como se ve.

Cómo puedo hacer las cajas más grande y el espacio entre la caja y el botón más espaciado.

- Por otro lado, cuando se me muestran sugerencias de búsqueda, veo que si hay contenido atrás se encima. Sabes alguna manera de agregar código o hacer algo para que la caja de sugerencias se pueda editar y esté encima de todo con fondo sólido.

gracias por la ayuda

ResponderCitar
Respondido : 15/09/2019 8:11 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para hacer la caja más grande usualmente se usa padding, lo mismo para el botón y para el espaciado entre caja y botón un margin

Sin embargo para darte más detalle del código necesitamos ver como lo tienes actualmente, tendrías que mostra el formulario o enviarnos algún usuario del front-end de tu sitio para poder verlo.

Lo mismo para la caja de sugerencias que comentas, es posible que se requiera CSS, no se puede ver con usuarios visitantes.

Saludos.

ResponderCitar
Respondido : 15/09/2019 11:55 pm

Eugenio
 Eugenio
Estimable Member

Contenido solo visible a usuarios registrados

En la página del blog puedes ver como se enciman las sugerencias , como la imagen que te adjunte en el mensaje anterior.

No podrás ver el contenido de dónde te llevan las sugerencias, pero puedes ver como está encimado.

El buscador de adentro de la página se ve exactamente como en la imagen adjunta del mensaje anterior.
Solamente agregue el código que me diste anteriormente de css.

Si me pasas el código lo aplico y listo, así como la ves pasada.

ResponderCitar
Respondido : 15/09/2019 11:59 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregar el siguiente código CSS:

.ui-autocomplete.ui-front.ui-widget-content{
  z-index: 999;
}

Para agregar código CSS puedes revisar:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.

ResponderCitar
Respondido : 16/09/2019 12:35 am

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