Avisos
Vaciar todo

editar el tamaño del widget de buscar

15 Respuestas
6 Usuarios
0 Reactions
1,107 Visitas
Respuestas: 524
Honorable Member
Topic starter
 

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


 
Respondido : 24/08/2017 8:24 pm
Respuestas: 71
Trusted Member
 

Me interesa el tema a mi tambien, espero respuestas 🙂


 
Respondido : 24/08/2017 8:35 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 24/08/2017 10:19 pm
Respuestas: 524
Honorable Member
Topic starter
 

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


 
Respondido : 24/08/2017 10:37 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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;
}

 
Respondido : 25/08/2017 12:26 am
Respuestas: 71
Trusted Member
 

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


 
Respondido : 25/08/2017 4:45 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 25/08/2017 6:49 am
Respuestas: 71
Trusted Member
 

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


 
Respondido : 25/08/2017 5:57 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 25/08/2017 9:15 pm
Respuestas: 524
Honorable Member
Topic starter
 

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


 
Respondido : 26/08/2017 5:35 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 27/08/2017 2:00 am
Respuestas: 524
Honorable Member
Topic starter
 

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;


 
Respondido : 27/08/2017 9:55 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member 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


 
Respondido : 28/08/2017 11:28 am
Respuestas: 524
Honorable Member
Topic starter
 

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


 
Respondido : 28/08/2017 5:58 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 28/08/2017 6:28 pm