Avisos
Vaciar todo

Cambiar tamaño de etiquetas Header  

 
Miguel Angel
 Miguel Angel
Usuario experto

Hola, me gustaría poder cambiar el tamaño de las etiquetas header que estoy usando en el modulo contentbox para hacerlas algo más pequeñas, imagino que estarán en un css que no se cual es.

Por si quereis echarle un vistazo me refiero al texto que aparece a la dcha del logo en mi web www.refanbilbao.com/Tienda (si pudiese extenderse a la dcha el modulo contetbox igual no me hacia falta ¿se puede?)

Uso Header porque tengo entendido que afectan al SEO, aunque no tengo claro si solo es header1 o todas las header, si de paso me lo aclaráis os lo agradezco

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 01/02/2016 7:37 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Cual es el código html que has usado?, veo que se genera un col-sm-7 , cuando debe ser col-sm-9 para que ocupe todo el ancho

Sería bueno que todo lo definas por CSS, veo que por ejemplo tienes estilos en línea style="color: #2445a2;", elimina esto estilos, tambíen veo etiquetas span dentro de h1 por ejemplo, no deberías usar span, directamente puedes colocar el texto entre las etiquetas h1 o h2 o h3

Para trabajar sólo con CSS podrías usar algo como :

#header h1 {
font-size:10px
}

De manera similar para h2 y h3 , podrías colocar este código al final del archivo
/Tienda/themes/Amaltea/css/customuser.css

Saludos.

ResponderCitar
Respondido : 01/02/2016 10:33 pm

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

Miguel Angel
 Miguel Angel
Usuario experto

col-sm-7???? y eso q es?

Yo solo he utilizado el modulo contetbox, he escrito el texto y lo he colocado en el top

¿Cómo le doy color? si incluyo color:#2445a2; en lo que tu me has puesto no me reconoce nada en el css

ResponderCitar
Respondido : 02/02/2016 4:54 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

col-sm-7 es una clase html, entiendo que no has puesto esto como parte de tu código html, en tal caso puedes forzar la estructura para que ocupe todo el ancho, tendrías que agregar el siguiente código :

@media (min-width:980px)
{
  	#header div:last-child .col-sm-7{
		width:70%;
	}

}

Luego para el color, usa !important ya que es posible que otro estilo tenga prioridad, por ejemplo

#header h1 {
     font-size: 22px;
    color:#2445a2!important; 
}

Saludos.

ResponderCitar
Respondido : 02/02/2016 6:37 pm

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

Miguel Angel
 Miguel Angel
Usuario experto

Gracias, vamos acercándonos pero es meter la línea del color y no respeta el tamaño del texto (ni lo cambia de color)

ResponderCitar
Respondido : 02/02/2016 7:12 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

A que te refieres con línea de color?

Los cambios si los veo correctamente, veo que cambia de tamaño, veo que no has puesto el código de color aún para el color de las letras

Saludos.

ResponderCitar
Respondido : 02/02/2016 8:35 pm

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

Miguel Angel
 Miguel Angel
Usuario experto

Hola

A que te refieres con línea de color?

Los cambios si los veo correctamente, veo que cambia de tamaño, veo que no has puesto el código de color aún para el color de las letras

Saludos.

esta quitado color:#2445a2!important; pq si lo pongo el tamaño de la letra aumenta, y además no lo pone azul

ResponderCitar
Respondido : 03/02/2016 1:01 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que comentas es posible que suceda por que tienes algún error al poner el código

Actualmenten o veo que hayas puesto código de color Contenido solo visible a usuarios registrados

Tendrías que poner el código de color para revisar y ver por que no se aplica

Sería algo como :

#header h1 {
    color: #2445a2;
    font-size: 22px;
}

Veo que no sería neceario el importan si lo pones en el archivo indicado.

Saludos.

ResponderCitar
Respondido : 03/02/2016 5:19 pm

Cursos Gratuitos WordPress

Miguel Angel
 Miguel Angel
Usuario experto

Ya esta puesto y funciona, pero el truco era ponerlo antes del Font size y además si debe llevar el important

También me gustaría poner ese color en todas las zonas donde aparece un color salmón, no se si debo abrir otro hilo para eso

ResponderCitar
Respondido : 03/02/2016 6:37 pm
Miguel Angel
 Miguel Angel
Usuario experto

Ya esta puesto y funciona, pero el truco era ponerlo antes del Font size y además si debe llevar el important

También me gustaría poner ese color en todas las zonas donde aparece un color salmón (categorías, productos destacados, vista rápida cuando pones el ratón encima de un producto...), no se si debo abrir otro hilo para eso

ResponderCitar
Respondido : 03/02/2016 6:53 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Busca en tu archivo :
/Tienda/themes/Amaltea/css/global.css

referencias la color : #e55e5e y ve cambiando por el color que deseas, espeicialmente las sentencias que estan con background, realiza igual una copia de tu archivo por si aparecen errores tras el cambio.

Saludos.

ResponderCitar
Respondido : 03/02/2016 6:56 pm