Solved

Tamaño de texto

fabian_dimas
Visitor
3 0 0

Hola...estoy modificando el diseño del tema Combine...

 

En la sección de Deslizador Vertical he configurado el Tamaño del Titular con un tamaño de fuente Muy Grande, me gusta como se ve en mi version escritorio sin embargo en mi version móvil no tiene el aspecto deseado.

 

¿Hay alguna manera de modificar el tamaño de la fuente con CSS para ambas versiones por separado? Es decir...Por ejemplo: 45px version escritorio y 30px version móvil?

 

Gracias!

 

 

 

Accepted Solution (1)
Natasha-Saed
Shopify Partner
396 43 69

This is an accepted solution.

1) Go to online store
2) Click on Edit Code
3) Open your theme.css file
4) Paste the below code at the bottom and save

@media only screen and (max-width: 768px) {
.heading-size--xlarge {font-size: 30px !important;}
}

 

1) Ir a la tienda en línea
2) Haga clic en Editar código
3) Abra su archivo theme.css
4) Pegue el siguiente código en la parte inferior y guárdelo.

 

cambie el tamaño de fuente 30px a su valor favorito

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint

View solution in original post

Replies 3 (3)

Natasha-Saed
Shopify Partner
396 43 69

Hola,

Seguro que esto se puede hacer fácilmente. ¿Podrías compartir la URL de tu tienda para poder ayudarte con esto?

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
fabian_dimas
Visitor
3 0 0

Claro... te comparto este preview: 

https://atc779acu8kw7d5n-85196931384.shopifypreview.com 

 

El header que aparece al inicio es el que falla en mi version móvil...

 

Gracias!! 

Natasha-Saed
Shopify Partner
396 43 69

This is an accepted solution.

1) Go to online store
2) Click on Edit Code
3) Open your theme.css file
4) Paste the below code at the bottom and save

@media only screen and (max-width: 768px) {
.heading-size--xlarge {font-size: 30px !important;}
}

 

1) Ir a la tienda en línea
2) Haga clic en Editar código
3) Abra su archivo theme.css
4) Pegue el siguiente código en la parte inferior y guárdelo.

 

cambie el tamaño de fuente 30px a su valor favorito

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint