Solved

Change Font Size Subheading | Broadcast theme

lyndsayR
Excursionist
14 0 3

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!

 

Accepted Solution (1)
diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@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

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 3 (3)

diego_ezfy
Shopify Partner
2935 562 883

@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

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

lyndsayR
Excursionist
14 0 3

This worked like a dream, thanks Diego!

diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@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

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.