Cambiar tamaño letr...
 
Avisos
Vaciar todo

Cambiar tamaño letras slider

7 Respuestas
2 Usuarios
0 Reactions
1,121 Visitas
Respuestas: 84
Trusted Member
Topic starter
 

Buenos días!!

Tengo un slider puesto en la home de mi página, y me gustaría cambiar el tamaño de la letra que se muestra, y con ello también el recuadro negro que la envuelve lógicamente, como puedo cambiarlo?

Quiero poner la letra más pequeña para que se vea mas la foto de fondo.

Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 07/10/2016 8:22 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Para cambiar el tamaño de esta letra edita el archivo themes/light-studio/css/modules/homeslider/homeslider.css. Previa copia de seguridad del mismo localiza el siguiente código:

    #homepage-slider .homeslider-description h2 {
      font-size: 2.7em;
	  font:300 40px/40px "Raleway", sans-serif;
	  text-transform:uppercase;
	  background:rgba(0,0,0,0.9);
	  display:inline-block;
      color: white;
      margin: 0;
      padding: 8px 12px; }

Puedes aplicar el cambio del tamaño en la línea

font:300 40px/40px "Raleway", sans-serif;

En concreto en la parte 40px/40px. El primer número es el tamaño de la fuente y el segundo el espacio entre líneas (interlineado).


 
Respondido : 07/10/2016 10:59 am
Respuestas: 84
Trusted Member
Topic starter
 

Muchas gracias por la ayuda!!!

Me ha ido perfecto, ya esta solucionado


 
Respondido : 07/10/2016 11:06 am
Respuestas: 84
Trusted Member
Topic starter
 

Como cambio también las letras del recuadro amarillo? porque lo he estado mirando y no acabo de verlo

Gracias


 
Respondido : 07/10/2016 12:21 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Sería en el mismo archivo, en esta caso con el siguiente código:

    #homepage-slider .homeslider-description button {
      font-size: 1.2em;
	  background:#fccd1b;
	  border:1px solid #fccd1b;
	  color:#fff;
      text-transform: uppercase;
   -webkit-transition:0.3s ease-out;
 -moz-transition:0.3s ease-out;
 -o-transition:0.3s ease-out;
  transition:0.3s ease-out; }

Aquí tendrías que cambiar el valor del atributo font, que actualmente está en 1.2em.


 
Respondido : 07/10/2016 1:00 pm
Respuestas: 84
Trusted Member
Topic starter
 

Tema resuelto, perfecto!

Muchas gracias


 
Respondido : 07/10/2016 1:05 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Nos alegra que te guste nuestro servicio. 🙂

Nos sería de mucha utilidad que nos dejases tu testimonio, solicitamos testimonios para colocar en nuestra página y ayudar a otros posibles clientes a decidirse por nuestros servicios:

Puedes crearlo aquí: https://www.webempresa.com/testimonios.html?view=form&layout=edit

Si nos quieres enviar tu testimonio podemos colgarlo en nuestra página con un link hacia la tuya que siempre te ayudará a posicionarte, nuestra página tiene un Page Rank de Google alto.

Si ya te lo solicitamos anteriormente y nos lo facilitaste, puedes dejar otro testimonio si tienes otra página que quieras posicionar mejor al tener un link en la nuestra con tu testimonio.

Gracias por publicar tu testimonio y por tus palabras de agradecimiento.


 
Respondido : 07/10/2016 3:06 pm