Change Font Color for Specific Slide in Slideshow - Prestige Theme

Topic summary

Changing font color for a single slideshow slide in the Prestige theme. Goal: make the heading/subheading on the first slide black while leaving other slides unchanged.

Solution implemented: add custom CSS to the theme stylesheet (Online Store > Actions > Edit Code > Assets > theme.scss.css) targeting the slide’s unique ID. Example used: “#Slide24c2f49c-3aa2-41ab-ad2a-020341d5e23d .Heading { color: #000 !important; }”. CSS (“Cascading Style Sheets”) controls styling; the “!important” flag forces the color override.

Key detail: each slide has a unique ID (e.g., “Slide1592980270766”). To find it, inspect the slideshow HTML in the browser; a shared screenshot highlights where the ID appears in the markup. This lets you target any slide specifically.

Outcome: the change worked for the requester, confirming the approach.

Current status: resolved for the original request. An additional participant asked how to change the initial loading color in the same theme; that follow-up question remains unanswered/ongoing.

Summarized with AI on February 28. AI used: gpt-5.

Hello,

I am use the Prestige theme and I am wondering if there is a way to target a specific slide, and on that one slide change the font from white to black for the heading and sub heading? (leaving the others unchanged)

The address is www.marence.ca and it is the first slide in the slideshow that I am wanting to change.

Thanks in advance for you helps with this!

Elisa

@elisaplett - your slides have different ids therefore it should work, which slide font color do you want to change?

@elisaplett You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.scss.css file.

#Slide24c2f49c-3aa2-41ab-ad2a-020341d5e23d .Heading{color: #000 !important;}

@elisaplett - add this css to the very end of theme.scss file and check

#Slide24c2f49c-3aa2-41ab-ad2a-020341d5e23d .Heading{color: #000 !important;}

Thank you so much! That seemed to work perfectly :slightly_smiling_face: Can you confirm where you found each slide’s number/ID? In case I want to change one in the future?

Thanks again!

Elisa

@elisaplett - please check screenshot and selected lines, you see id - Slide1592980270766 in it, similar way each slide have different id and you can set css as per need

Hello @elisaplett . I saw your website and it`s beautiful. I have the same theme and when loads for the first time a color is loading and i want to change that color to another. Do you have any ideea how can i do that? Thanks