Change Font Size Subheading | Broadcast theme

Technical Q&A
1

We’ve been using the Broadcast theme for our shop (www.conscious.cleaning) Most changes we need to make in coding to further customize are easy to locate or to find help with.

However, we find the following challenge impossible (so far) to solve: we want to change the font size of a “Brick Product Subheading”

I’ve attached a print screen with the subheading circled and highlighted, as well as the code that I found when inspecting the website.

Any help on where to find this specific font size, as I cannot find it when searching through the different Font Settings in the Code Settings option of Shopify.

The two URLs, that have the subheading:

  1. https://www.conscious.cleaning/products/the-full-house-starter-kit?variant=40409046057159

  2. https://www.conscious.cleaning/products/light-starter-kit?variant=40409192628423

Many thanks!

2

@lyndsayR , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
[id] .brick__product__subheading{
    font-size: 16px !important
}

@media (max-width: 749px){
    [id] .brick__product__subheading{
    font-size: 15px !important
}
}

You can change the values as per your wish:

16px = font size on desktop
15px = font size on mobile

Please let me know whether it works.

Kind regards,
Diego

3

This worked like a dream, thanks Diego!

4

@lyndsayR ,

You’re welcome.

Kindly make sure to click on the button “Accept as Solution” below whichever answer solved your problem.

This way people with similar issues can also benefit from this in the future.

Kind regards,
Diego