Cambiar tamaño de e...
 
Avisos
Vaciar todo

Cambiar tamaño de etiquetas Header

11 Respuestas
2 Usuarios
0 Reactions
1,355 Visitas
Respuestas: 62
Trusted Member
Topic starter
 

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


 
Respondido : 01/02/2016 7:37 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 01/02/2016 10:33 pm
Respuestas: 62
Trusted Member
Topic starter
 

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


 
Respondido : 02/02/2016 4:54 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 02/02/2016 6:37 pm
Respuestas: 62
Trusted Member
Topic starter
 

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)


 
Respondido : 02/02/2016 7:12 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 02/02/2016 8:35 pm
Respuestas: 62
Trusted Member
Topic starter
 

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


 
Respondido : 03/02/2016 1:01 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 03/02/2016 5:19 pm
Respuestas: 62
Trusted Member
Topic starter
 

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


 
Respondido : 03/02/2016 6:37 pm
Respuestas: 62
Trusted Member
Topic starter
 

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


 
Respondido : 03/02/2016 6:53 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 03/02/2016 6:56 pm