What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Change Font Color for Specific Slide in Slideshow - Prestige Theme

Solved

Change Font Color for Specific Slide in Slideshow - Prestige Theme

elisaplett
Tourist
12 0 2

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 

Accepted Solution (1)
suyash1
Shopify Partner
10186 1259 1599

This is an accepted solution.

@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

suyash1_0-1618930854844.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 6 (6)

suyash1
Shopify Partner
10186 1259 1599

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

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
NerdCurator
Shopify Partner
416 76 112

@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;}

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
elisaplett
Tourist
12 0 2

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

Thanks again!

Elisa 

suyash1
Shopify Partner
10186 1259 1599

This is an accepted solution.

@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

suyash1_0-1618930854844.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

suyash1
Shopify Partner
10186 1259 1599

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

#Slide24c2f49c-3aa2-41ab-ad2a-020341d5e23d .Heading{color: #000 !important;}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

ideal091
Tourist
7 0 1

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