Cambiar tamaño letras slider  

 
Jorge Antonio
 Jorge Antonio
Usuario experto

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

Citar
Respondido : 07/10/2016 9:22 am
Pablo Velasco
 Pablo Velasco
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).

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 07/10/2016 11:59 am

Cursos Gratuitos WordPress

Jorge Antonio
 Jorge Antonio
Usuario experto

Muchas gracias por la ayuda!!!

Me ha ido perfecto, ya esta solucionado

ResponderCitar
Respondido : 07/10/2016 12:06 pm
Jorge Antonio
 Jorge Antonio
Usuario experto

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

Gracias

ResponderCitar
Respondido : 07/10/2016 1:21 pm

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

Pablo Velasco
 Pablo Velasco
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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 07/10/2016 2:00 pm
Jorge Antonio
 Jorge Antonio
Usuario experto

Tema resuelto, perfecto!

Muchas gracias

ResponderCitar
Respondido : 07/10/2016 2:05 pm

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

Pablo Velasco
 Pablo Velasco
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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 07/10/2016 4:06 pm

Por favor Iniciar Sesión o Registro