Re: Increase the font size in a single section only on Desktop

Solved

Increase the font size in a single section only on Desktop

Mdb_Gioto
Excursionist
31 0 11

As I said I need to increase the font size on this section below. Only in the Headline, and Subheadline.

I need it only on a desktop because the Mobile Version is good enough.

 

This is my store link: https://gioto-1308.myshopify.com/

 

Can you help me?

Screenshot 2024-05-22 at 13.33.58.png

Accepted Solution (1)

Anshul_arora
Navigator
450 128 93

This is an accepted solution.

Hello @Mdb_Gioto ,

I understand you are looking to increase the size of the 'Handmade in Italy' section font-size.

You can change font size by following these steps-:

1. Go to Online Store -> Themes -> Click on 3 Dots -> Edit Code

2. Search and Open the theme.liquid file.

3. Now, Paste the code at the bottom of the theme.liquid file before </body> tag and save

<style>

@media screen and (min-width:768px){

.rte.lightly-spaced-row h1{
font-size: 30px !important; /* Adjust px size to change font-size of 'Exclusive Limited Edition...' & 'Give your Puppy...' text */
}

.rte.lightly-spaced-row h4{
font-size: 30px !important; /*Adjust px size to change the font-size of 'Handmade in Italy' text */
}
}

</style>

[Please feel free to change the Font-size px as per the requirements.]

Output -: https://prnt.sc/381cTBAGkAt6

Anshul_arora_0-1716383374290.png

 

I hope the code helps you.

Please share if you need any further assistance.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 3 (3)

ZestardTech
Shopify Partner
5636 1031 1359

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > style.css and paste this at the bottom of the file:

 

.article h1 {
font-size: 30px;
}

 

ZestardTech_0-1716378005095.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Mdb_Gioto
Excursionist
31 0 11

I'm so sorry, I made a mistake. In the Shopify Backend, we didn't save it as a Headline and a Subheadline, but as unique text.

Can you help me?

Screenshot 2024-05-22 at 13.52.36.png

Anshul_arora
Navigator
450 128 93

This is an accepted solution.

Hello @Mdb_Gioto ,

I understand you are looking to increase the size of the 'Handmade in Italy' section font-size.

You can change font size by following these steps-:

1. Go to Online Store -> Themes -> Click on 3 Dots -> Edit Code

2. Search and Open the theme.liquid file.

3. Now, Paste the code at the bottom of the theme.liquid file before </body> tag and save

<style>

@media screen and (min-width:768px){

.rte.lightly-spaced-row h1{
font-size: 30px !important; /* Adjust px size to change font-size of 'Exclusive Limited Edition...' & 'Give your Puppy...' text */
}

.rte.lightly-spaced-row h4{
font-size: 30px !important; /*Adjust px size to change the font-size of 'Handmade in Italy' text */
}
}

</style>

[Please feel free to change the Font-size px as per the requirements.]

Output -: https://prnt.sc/381cTBAGkAt6

Anshul_arora_0-1716383374290.png

 

I hope the code helps you.

Please share if you need any further assistance.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here