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

Hi,

I am trying to change the colour of the text in a specific slide using the following code pasted into the theme.css.liquid

.slideshow__slide–1623230607ca21fa90-1 .hero__title {
color: #FFFFF !important; }

However, it is not changing anything. What am I doing wrong?

Many thanks for your help.

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.slideshow__slide--1623230607ca21fa90-1 .hero__title {
color: #ffffff !important; }

Hi,

I am working on a draft, so I am not sure sharing the URL to the live site will help?

1 Like

Hello please add this css

.slideshow__slide--1623230607ca21fa90-1 .hero__title {
color: #ffffff !important; }

Hi,

Achieved the desired colour change on both the slide text title and sub-title. Can you help with the code to change the button colour (text and box)?

This is the code that is working for the colour change of the text.

.slideshow__slide–1623230607ca21fa90-1 .hero__title {
color: #58686f !important;
}

.slideshow__slide–1623230607ca21fa90-1 .hero__subtitle {
color: #58686f !important;
}

.slideshow__slide–1623230607ca21fa90-0 .hero__title {
color: #ff0000 !important;
}

.slideshow__slide–1623230607ca21fa90-0 .hero__subtitle {
color: #ff0000 !important;
}

Thank you.

Just wondering if you figured out how to change the slideshow button color as well?
I think it gets set automatically depending on how dark or light the button color is. The color gets set with !important and I guess that’s why adding a line with !important in the theme.css will not work?

Found the solution to my problem. As mentioned above depending on the background color your text color might get changed to black. In my case the bg color was kind of in the middle and I wanted to adjust the setting of the mechanism or just set it to white.

You will find the setting in slideshow.liquid

{% if accent_brightness > 40 %}
color: #000 !important;
{% endif %}

I changed it from 40 % to 50% and now the button text is white.