Change the font size of newsletter

Solved
Highlighted
Excursionist
30 0 1

 Hi im using Narrative and I have change the word "Email" to "SUbscribe to our newsletter". 

But It is too long for mobile. Is there anyway I can change the size of the font ?

It's in the footer. Thanks you.

1.jpg

My website is https://warmderlend.com/

The password is bukrao

0 Likes
Highlighted
Explorer
63 11 22

Hi @HolyHeck Please find a file named 'theme.scss' and in that file find the CSS with the following selector.

@media only screen and (max-width: 749px) 

In the above tree you'll find the css property "font-size: 1.6rem;". Change 1.6 according to your choice.

- Feel free to contact me at waqas4346@gmail.com
- Was my reply helpful? Click Like and Accept as Solution
0 Likes
Highlighted
Excursionist
30 0 1

Thanks you for your reply. But it seem that my scss file dont even have that line. Can you find another solution?

0 Likes
Highlighted

Success.

Shopify Partner
247 23 31

Hi, @HolyHeck

Paste this CSS style at the bottom of your theme.scss file:

@media only screen and (max-width: 749px){
  .site-footer__newsletter .btn--newsletter__submit{
    font-size: 10px;
  }
}

You can change the font size there.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
1 Like
Highlighted

Success.

Explorer
63 11 22

Hi @HolyHeck, go to your theme.scss file's line number 1118 and change the font size there. The code there would look like the following

@include media-query($small) {
    font-size: rem(16);
    line-height: line-height(24, 16);
  }


You need to change the font-size according to your choice.

- Feel free to contact me at waqas4346@gmail.com
- Was my reply helpful? Click Like and Accept as Solution
1 Like
Highlighted
Excursionist
30 0 1

Thanks you @PremierStores  and @m_waqas. You two are very helpful. It's only 90% right. @m_waqas the code's line is 1082 on my theme. And @PremierStores your code help me reduce the size of the "subscribe" button next to it. Without your helps, I couldn't have do it. Thanks you

0 Likes