How can I make certain text like 'subscribe here' bold on my page?

Shopify Discussion

Topic summary

A Shopify store owner wants to make “subscribe here” text above an email subscription box appear in bold.

Solutions provided:

  • Farouk-dev’s approach: Add CSS code to the theme’s section-footer.css file targeting .footer-block__newsletter .footer-block__heading with font-weight: 1000 and font-size: 36px for better visibility.

  • GemPages team’s method: Insert custom markup code before the </head> tag in the theme.liquid file.

Issue encountered:
The initial solution worked on desktop but didn’t display on mobile devices.

Final resolution:
Farouk-dev provided updated CSS with !important flags to ensure the styling applies across both mobile and desktop versions. The store owner confirmed this solution worked and marked it as accepted.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

I want the “subscribe here” text above the email box to be in bold. How to do this?

shop url: https://c1e46d.myshopify.com/pages/contact

EM.png
EM.png719×502 66.7 KB

2

Hey @suoshie ,

To see a significant change, you may want to increase the font size as well.
Here, I’ve made the font bolder and increased the font-size to make it noticeable. Play around with the font-size…

Go to Online Store-> Theme->Edit code-> Asset-> section-footer.css ->paste the below code at the bottom of the file.

@media screen and (min-width: 990px){
    .footer-block__newsletter .footer-block__heading{
        font-size: 36px;
        font-weight: 1000;
    }
}
1 Like
3

Hello @suoshie ,

It’s GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1676781635719.png
GemPages_0-1676781635719.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

4

It works nicely thanks!

5

actually it dosent show on mobile how to fix it?

6

Hi it works but it dosent show on mobile version, can you tell me how to make it show on mobile?

7

Hey @suoshie ,

Replace previous styles with this. Should work on both mobile and desktop…

.footer-block__newsletter .footer-block__heading{
        font-size: 36px !important;
        font-weight: 1000 !important;
    }
1 Like
8

accepted solution thanks c:

1 Like