Changing Font Color on a specific slide in a slide show

Store Design
1

Hello i use Prestige theme. i am creating a slideshow on home page with a variety of colors some dark some light.

The problem is white font color is not always legible on lighter backgrounds.

Is there a way I can edit code to target a specific slide font color?

Also how do i adjust heading /subheading so it has a fixed width in slideshow

See image

Screen Shot 2020-09-16 at 11.53.31 AM.png
Screen Shot 2020-09-16 at 11.53.31 AM.png696×326 58.3 KB

Thanks

Russ

https://www.oyunstudio.com/?_ab=0&_fd=0&_sc=1

2

Hello, @russgera

Welcome to the Shopify community!
and Thanks for your Good question.

i have at home but sorry i can’t see this slide at home page

3

ok here is the link sorry

https://9j8z0t1cxa5akxf1-1326317630.shopifypreview.com

That screen shot which i was referring to is the last (5th) slide on the slide show

4

@russgera

Thanks for the details

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#Slide1599671869919 .Heading {
    color: #000;
}
#Slide1599671869919 header.SectionHeader {
    float: right;
    max-width: 500px;
}
5

Hello Kentan.

thank you for this code this worked for the width of the text but not the color which is still previewing as white?

Any idea on why this would be?

Also where did you find the slide number ?

#Slide1599671869919 .Heading {
color: #000;

as i would like to make specific changes like this to other slides?

Thanks

Russ

6

@russgera

Yes, your right

also, update this code

#Slide1599671869919 .Heading {
    color: #000 !important;
}
7

Great this worked. Where do i find code number for other slides in the slideshow if i want to adjust them individually also.

Screen Shot 2020-09-17 at 10.38.29 PM.png
Screen Shot 2020-09-17 at 10.38.29 PM.png400×200 8.15 KB

Thanks

Russ

8

Actually never mind i located these.

Thanks for your help on this one.

9

@russgera

Thanks for update and support.

10

How do you find this number?

11

how did you find the numbers? I’m trying to solve a very similar problem

Thank You!

12

How and where did you find the slide number, I can’t find mine.

13

I want to do the same, how and where do I find the slide number please?