Index-column change color of text | Broadcast Theme

[JonX]

Hello,

I am trying to change the color of text below.

Help would be greatly appreciated.

My URL : https://www.ambigoose.com/pages/our-ingredients

Thank you

Jon

[oscprofessional]

Hello @JonX ,
In your Store

Admin->Actions->Edit Code->Assets->theme.scss

and paste following code at the bottom.

(Change color as your choice)

.flickity-slider .h6.column__heading{
color: #1F4788;
}

[ZestardTech]

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

h2.h6.column__heading {
color: #9a6060!important;
}

[JonX]

Thank you so much @oscprofessional @ZestardTech I ended up using the code below as I need a different color for each sections

.index-columns--index-columns6 .flickity-slider .h6.column__heading{
	color: #fecd00 !important;
}

But I could not have done it without you

[oscprofessional]

Hello @JonX,
In your Store

Admin->Actions->Edit Code->Assets->theme.scss

and paste following code at the bottom.

(Change color as your choice)

.flickity-slider .h6.column__heading:nth-child(1){
color: #1F4788;
}
.flickity-slider .h6.column__heading:nth-child(2){
color: #80bfff;
}
.flickity-slider .h6.column__heading:nth-child(3){
color:  #ff99ff;
}
.flickity-slider .h6.column__heading:nth-child(4){
color:  #ccff66;
}
.flickity-slider .h6.column__heading:nth-child(5){
color:  #ff66a3;
}
.flickity-slider .h6.column__heading:nth-child(6){
color:  #ccff66;
}
.flickity-slider .h6.column__heading:nth-child(7){
color:   #b8b894;
}
.flickity-slider .h6.column__heading:nth-child(8){
color:   #4dffa6;
}
.flickity-slider .h6.column__heading:nth-child(9){
color:   #0088cc;
}
.flickity-slider .h6.column__heading:nth-child(10){
color:  #ff6699;
}
.flickity-slider .h6.column__heading:nth-child(11){
color:  #ffd11a;
}
.flickity-slider .h6.column__heading:nth-child(12){
color: #66ffff;
}

[JonX]

That is amazing…

Thank you SO Much…

I use the code below to change on my homepage as I need the same color for the entire section :

#shopify-section-1627556784f70d37b5 .flickity-slider .h6.column__heading{
	color: #fecd00 !important;
}
  
#shopify-section-16275568204bb067e4 .flickity-slider .h6.column__heading{
	color: #fecd00 !important;
}

But unfortunately in does not work on mobile…

Would you have a fix?

My URL : www.ambigoose.com

[JonX]

I solved it on mobile with the code below:

#shopify-section-1627556784f70d37b5 .flickity-button-circle .h6.column__heading{
	color: #fecd00 !important;
}
  
#shopify-section-16275568204bb067e4 .flickity-button-circle .h6.column__heading{
	color: #fecd00 !important;
}