Changing Font Color on a specific slide in a slide show

Solved
Highlighted
Tourist
9 0 5

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 imageScreen Shot 2020-09-16 at 11.53.31 AM.png

Thanks

Russ

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

 

 

 

1 Like
Highlighted
Shopify Partner
7507 1037 2603

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
9 0 5

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

1 Like
Highlighted
Shopify Partner
7507 1037 2603

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
9 0 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

 

 

1 Like
Highlighted
Shopify Partner
7507 1037 2603

This is an accepted solution.

@russgera 

Yes, your right

also, update this code

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
9 0 5

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

Thanks

Russ

 

0 Likes
Highlighted
Tourist
9 0 5

Actually never mind i located these.

Thanks for your help on this one.

1 Like
Highlighted
Shopify Partner
7507 1037 2603

@russgera 

Thanks for update and support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes