How to make our 'size guide' font weight bold ? - broadcast

Store Design

Topic summary

Bold/underline styling for the “size guide” link on a Shopify store using the Broadcast theme.

  • Request: Make the “size guide” text on the product page bold (and optionally underlined), and identify where to apply styling in the theme code.
  • Early replies: Asked for the store URL; suggested adding inline CSS (e.g., style=“font-weight: 900;”) directly to the anchor tag in the product template form.
  • Issue: The inline approach didn’t work because the link/markup wasn’t easily found; it appeared to be generated automatically by the theme after creating metafields for the size guide.
  • Updated suggestion: Use the detected class and add CSS to the theme’s main stylesheet (theme.css/scss/base css) or via theme.liquid:
    • .size-popup-link { font-weight: bold !important; }
  • Follow-up: The original poster tried placing the CSS in multiple locations without success and was asked to share a screenshot of where it was pasted.
  • Outcome: The original poster later reported they resolved the issue themselves; no final working steps were shared, so the thread ends without a documented solution.
Summarized with AI on February 25. AI used: gpt-5.2.
1

Hi there,

We would like to change the font weight to bold for the size guide on our store (see attached red arrow). We also want to trial it underlined (so want try that also, but may strip that off). We are not sure where to style this into the code. We are using Broadcast theme. Any assistance would be very much appreciated in helping us achieve this. Thanks in advance!

SIZE CHART EXAMPLE.jpg
SIZE CHART EXAMPLE.jpg2191Ă—4993 517 KB

1 Like
2

@spurs123

Please share your store URL!

Thanks!

3

hello @spurs123

he size guide link is coming from your product page form.
You should get the “form” in your product template liquid. try to find out the form and add the following style in your anchor link that you added for the size guide.

style="font-weight: 900;"

after adding the product, it should look like this:

NECKLACE SIZE GUIDE

Inkybay Multivariant.png
Inkybay Multivariant.png1366Ă—303 28 KB

Did it solve your issue? If yes, Like & Mark As Solution to help the community

If not, let me know. also share a screenshot of the code that you added.

4

Hi @dmwwebartisan i’ll DM you. Thanks!

5

Hi @Touhiid - Thanks for this. We tried your solution but it didn’t work unfortunately. We couldn’t locate the anchor link, perhaps because this amendment was automatically generated via the theme when we created meta fields for the size guide. Any ideas would be appreciated. Thanks again.

6

@spurs123 interesting! there was no class in that last time, but now we have one. however, things got easier now. Just follow the given steps:

Go to online store > themes
from the Action drop-down, click on “Edit code”
now search for theme.CSS or SCSS or base CSS . depends on the theme you are using. (use the search box that you see on top-left)

and then copy and paste the following code:

.size-popup-link {font-weight: bold! important;}

Also, if you don’t find any CSS or SCSS file, then you can also copy/paste the following code into your “theme.liquid”
7

Thanks for responding so quickly @Touhiid . Should we be pasting this at the bottom of the code, as we tried it in both theme and theme css but neither worked unfortunately?

8

@spurs123 please share a screenshot of the place where you pasted the link.

9

Hi @Touhiid - We managed to resolve this issue ourselves. But thanks for your assistance. Best Wishes

1 Like