How to change the colour of slideshow text on a specific slide

Store Design

Topic summary

Changing slideshow text color for a single homepage slide in Shopify was the main issue. The store owner wanted the text on one slide to be black instead of the theme’s default white because the slide background was off-white and reduced readability.

A concrete solution was provided:

  • Go to Online Store → Themes → Edit code.
  • Open Assets/theme.scss.liquid.
  • Add custom CSS targeting that specific slide, for example:
    .slideshow__slide--1596136906353 .mega-title { color: #000000; }
  • The mega-title selector refers to the slide heading text.

The original poster planned to test this fix, but no confirmation of the final result was posted.

A follow-up question asked how to reduce the height of homepage gallery images by about 70px, even after setting the section size to small. That point was not resolved because the responder could not see the gallery section on the homepage.

A later reply also asked how to identify the correct slide number needed for the CSS selector, which remained unanswered.

Summarized with AI on March 12. AI used: gpt-5.4.
1

Hi,

I was looking for some help with changing the text colour on one of my slides as the colour I have selected through the theme editor (white), does not clearly on one of the slides as the slide also has an off white background.

I have attached a screen shot below… I basically want to change the ‘Shop Art’ to black, but only for this slide.

Screen Shot 2020-08-03 at 19.21.28.png
Screen Shot 2020-08-03 at 19.21.28.png1584×624 101 KB

https://goodgrublove.com/ is my website link. Is anyone able to advise?

Any help would be appreciated.

1 Like
2

Hello, @Raees_Ahmed

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

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.slideshow__slide--1596136906353 .mega-title {
    color: #000000; /* change color valur as you like*/
}
3

@KetanKumar Thanks I will try this.

Also one more quick question, do you know how I can change the height of the gallery images on the homepage below the slideshow? I have set the gallery section to small, but want to make the height about 30% shorter (around 70px).

Appreciate any help thanks.

4

@Raees_Ahmed

Thanks for update

sorry, i but i can’t see any gallery section at the home page.

5

How do you find the slide number for the code? I am trying to change the text colour on just one of my slideshows sides alo

2 Likes