G_S23
June 10, 2021, 11:39am
1
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,
In your Shopify Admin go to online store > themes > actions > edit code
Find Asset >theme.css and paste this at the bottom of the file:
.slideshow__slide--1623230607ca21fa90-1 .hero__title {
color: #ffffff !important; }
G_S23
June 10, 2021, 12:02pm
4
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; }
G_S23
June 11, 2021, 1:45pm
6
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.
neo42
June 22, 2022, 12:29pm
7
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?
neo42
June 29, 2022, 8:30am
8
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.