Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

editar el tamaño del widget de buscar  

 
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

buenos días por favor como puedo editar el tamaño del texto buscar?

En la parte del encabezado puse un widget de buscar. pero edite el texto y puse "buscar su examen" ., pero me gustaria cambiar el tamaño del ancho para que sea vea el texto completo.

ver adjunto

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 24/08/2017 9:24 pm
Marti Martinez
 Marti Martinez
Usuario experto

Me interesa el tema a mi tambien, espero respuestas 🙂

ResponderCitar
Respondido : 24/08/2017 9:35 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Jaime

De acuerdo a tu theme, veo que este widget se muestra en un contenedor con la clase .search-box, por lo tanto puedes usar esta clase como base, usa el siguiente codigo, puedes ponerlo al final del archivo style.css del theme que estas usando.

.search-box #s{
	width:300px;
	border:1px solid #ccc;
	border-radius:3px;
	padding:6px 10px;
	margin-top:6px;
}

Marti, en tu caso sería similar, tienes que buscar la clase contenedora, puedes enviar la url de tu sitio si tienes dudas.

Saludos.

ResponderCitar
Respondido : 24/08/2017 11:19 pm
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Ok gracias, pero ahora el texto : "Busque su examen" no sale centrado, como haria para centrar solo el texto???

ResponderCitar
Respondido : 24/08/2017 11:37 pm

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Puedes probar modificando el siguiente código en la línea 561:

body, button, input, select, textarea {
  color: #666666;
  font-family: inherit;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}
ResponderCitar
Respondido : 25/08/2017 1:26 am
Marti Martinez
 Marti Martinez
Usuario experto

Hola Buenas noches,
me orientas con algunos consejos para que mi pagina se vea asi?
Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 25/08/2017 5:45 am

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Con mucho gusto, pero es necesario que generes un nuevo hilo de foro para que no se mezclen los temas con la consulta planteada.

ResponderCitar
Respondido : 25/08/2017 7:49 am
Marti Martinez
 Marti Martinez
Usuario experto

Vale, ok entonces me podes decir como darle mas anchura a la barra de mi buscador para que ocupe mas el espacio en blanco?

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 25/08/2017 6:57 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que tienes que hacer primero es aumentar el espacio del grid en donde estas mostrando el Widget de búsqueda.

Desde la configuración del theme, ubica layouts y la posición de header y aumenta de 4 a más las columnas centrales.

Revisa:
https://www.webempresa.com/tutoriales-packs-webempresa-wordpress-con-framework-gantry.html

Saludos.

ResponderCitar
Respondido : 25/08/2017 10:15 pm
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Por favor hace más de un día aproximado
tenía un problema con el widget de "buscador" el tamaño, luego edite el texto y puse "busque su examen" pero como aparecia el texto con orientacion izquierda pedi por favor que me dijeran como hacerlo para centrar

y me dieron esta respuesta:

Hola,

Puedes probar modificando el siguiente código en la línea 561:
body, button, input, select, textarea {
color: #666666;
font-family: inherit;
font-size: 18px;
line-height: 1.3;
text-align: center;
}

Al colocar ese codigo, se ha desconfigurado todo el texto de mi plantilla, porque como puede ver en los adjuntos todos los textos de paginas como entradas, hasta el logo estan centrados, y yo solo pedi que se centrara el texto solamente de "busque su examen"

por favor es urgente.

ver adjuntos

ResponderCitar
Respondido : 26/08/2017 6:35 pm

Cursos Gratuitos WordPress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Jaime,

¿Puedes indicar exactamente en que archivo CSS hiciste el cambio que ha desconfigurado tu tema?

Una captura de la parte de tu hoja de estilos CSS donde hiciste el cambio y el nombre del archivo CSS servirían para verificar si es el lugar correcto para ese cambio, ya que mal aplicado afecta a clases como "body" y eso afecta a toda la página.

¿Realizas copias de seguridad habitualmente antes de aplicar cambios que pueda provocar errores en tu web que la dejen inoperativa?

- Backups WordPress en 2 minutos con All In One WP Migration: https://www.webempresa.com/blog/backups-wordpress-en-2-minutos-con-all-in-one-migration.html

Contenido solo visible a usuarios registrados

Saludos

ResponderCitar
Respondido : 27/08/2017 3:00 am
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

Esto me dijeron:
Hola,

Puedes probar modificando el siguiente código en la línea 561:
body, button, input, select, textarea {
color: #666666;
font-family: inherit;
font-size: 18px;
line-height: 1.3;
text-align: center;
}

Puse este codigo en esta dirección:

/home/jaimegut/public_html/WEBS/prebentor.com/wp-content/themes/lifecare/style.css

body, button, input, select, textarea {
color: #666666;
font-family: inherit;
font-size: 18px;
line-height: 1.3;
text-align: center;

ResponderCitar
Respondido : 27/08/2017 10:55 pm

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jaime.

El código que muestras es muy genérico y puede afectar a otras partes de la web.

Elimina el anterior y añade lo siguiente:

.search-box #s {
    font-size: 18px;
}

Un saludo

ResponderCitar
Respondido : 28/08/2017 12:28 pm
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

La respuesta era esta:

.search-box #s{
width:300px;
border:1px solid #ccc;
border-radius:3px;
padding:6px 10px;
margin-top:6px;
text-align: center;

igual gracias

ResponderCitar
Respondido : 28/08/2017 6:58 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No te olvides de cerrar la llave al final del código, es decir:

.search-box #s{
width:300px;
border:1px solid #ccc;
border-radius:3px;
padding:6px 10px;
margin-top:6px;
text-align: center;
}

Saludos.

ResponderCitar
Respondido : 28/08/2017 7:28 pm