Tasty Cambiar tamaño (alto) foto de cabecera y texto H1

Último Mensaje

Ana

Usuario eminente

Hola,

Quiero hacer más pequeño en altura la foto de cabecera de Tasty (230px para ser exactos) y los textos que van dentro tambie´n.

¿Cómo lo hago?

URL del sitio: Contenido solo visible a usuarios registrados

Citar

Respondido : 08/04/2015 3:15 pm

Pablo Velasco

Illustrious Member

Hola,

En Apariencia->Widgets, dentro de la posición top-b tienes un widget de tipo texto con un código como el siguiente:



Productos Ecológicos
"Saber elegir, saber comer"

En es código cambia height: 360px por height: 230px. Además, para conseguir un correcto visionado te recomiendo que la imagen que aquí cargues tenga un ancho de 960px.

Respecto al tamaño de la fuente de letra edita, previa copia de seguridad, el archivo wp-content/themes/yoo_tasty_wp/css/tools.css. Localiza en él el siguiente código:

.box-parallax h1 {
	margin-bottom: 0;
	line-height: 95px;
	font-size: 90px;
	text-shadow: 0 0 8px rgba(0,0,0,0.5); 
} 

.box-parallax h2 {
	margin-top: 0;
	line-height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	text-shadow: 0 0 5px rgba(0,0,0,0.6); 
}

Aquí puedes cambiar los valores de font-size y line-height por unos menores para reducir el tamaño de fuente de letra.

ResponderCitar

Respondido : 08/04/2015 4:33 pm

Ana

Usuario eminente

EL tamaño de cabecera hecho.. pero no sé encontrar la ruta para llegar a tocar los tamaños de letra..
¿Puedes indicarmela?

Gracias!

ResponderCitar

Respondido : 09/04/2015 7:30 pm

Rafael

Miembro Moderator

¡Hola Ana!

Accede a tu cPanel (midominio.com) > Bloque Archivos > Administrador de Archivos

No olvides en pulsar sobre el dominio donde tienes realizada la instalación Wordpress del sitio que nos indicas con tu consulta.

Ve a la siguiente ruta wp-content/themes/yoo_tasty_wp/css y edita el archivo tools.css

Tendrás que pulsar botón derecho y "Edit code".

Por último, tal y como te comentó Pablo, tendrás que buscar las líneas pertinentes y variar los valores de las propiedades font-size y line-height para cambiar el tamaño de la letra.

Saludos

ResponderCitar

Respondido : 09/04/2015 7:41 pm

Ana

Usuario eminente

Localizado.. como puedo asegurarme que estoy tocando el tamaño H1 y H2 que aparece sobre la foto de cabecera?? Me preocupa tocar el tamaño de otros textos H1... ¿lo puedo diferenciar de algún modo?

Gracias

ResponderCitar

Respondido : 09/04/2015 8:03 pm

Jhon

Soporte CMS Webempresa Moderator

Hola

El estilo que te paso Pablo es específico y sólo tendrá efecto en esta parte de tu sitio web, sin embargo algo que puedes evaluar es copiar este código y pegarlo en el archivo : custom.cs , en la siguiente ruta :

/wp-content/themes/yoo_tasty_wp/css/custom.css

Esto sólo sería para que mantengas aislado las modificaciones que vas haciendo

Saludos.

ResponderCitar

Respondido : 09/04/2015 10:01 pm