Help with making the text on my image banner less bold - Spotlight Theme

Store Design
1

Hello, I would like to make the heading and button font on my image banner less bold (thinner text). I would like to make just the banner text less bold without it affecting the text on the rest of my site. Any help would be greatly appreciated.

URL: https://www.tansokr.com/

Screenshot 2025-03-31 at 8.00.48 PM.png
Screenshot 2025-03-31 at 8.00.48 PM.png974×552 678 KB

2

Yes I am quite new to this and am unsure of editing the code, would you be able to help make this fix? Thanks so much!!

2 Likes
3

Hello thank you for the reply,

I just tried this and is still not working. I believe that the banner must be inspected. Can you help with that? Thank you!

4

@gavboy555 Thanks for sharing. You can try :-

Apply Custom CSS-- In the theme settings look for Custom code or CSS and apply the code below

/* Target the heading inside the image banner */
.banner__heading {
    font-weight: 300 !important; /* Adjust as needed: 100 (thin) to 400 (normal) */
}

/* Target the button inside the image banner */
.banner__buttons .button {
    font-weight: 300 !important; /* Adjust as needed */
}

Please let me know if this works or I can share alternative solutions.

5

Hi I really appreciate the reply, but this does not seem to work for me.

6

Hi thanks for the reply but this is not working.