I’m trying to change the color of a font on one of our banners but all the banners in other pages that we have have changed. I want to keep the other colors the way they are and just change one or two of them. Can anyone tell me how, please?
@kennyjay120191 - we need custom section specific css for it
@kennyjay120191 Can you send me your store url?
I’m new to this coding stuff and I don’t where to find that. Sorry
@kennyjay120191 - URL means website link
Yes, this is the website link
@kennyjay120191 which banner color do you want to change? can you give screenshot here?
the home page
Please add below css in themes/styles.scss.css file
.index .caption .headline {
color:#000;
}
Thank you.
I’m sorry, I’m new to this. Do I need to create a duplicate template for that?
@kennyjay120191 - add this css to the very end of your styles.scss file and check, should be like the screenshot below
#shopify-section-1488497250346 .caption .headline {
color: #ffffff;
}
#shopify-section-1488497250346 .caption .subtitle {
color: #ffffff;}
It worked! Thanks. How do I do that to the other banners? If I want different colors in each banner font?
@kennyjay120191 - you will need to get id of the each section by right clicking on the browser->inspect like shown in screenshot and
then copy paste above code then replace id in above code with the one you selected and set color for it
