Increase the font size in a single section only on Desktop

[Mdb_Gioto]

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?

 

[ZestardTech]

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;
}

[Mdb_Gioto]

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?

[Anshul_arora · 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

I hope the code helps you.

Please share if you need any further assistance.

Thank you.