Shopify themes, liquid, logos, and UX
Hi everyone
I was hoping someone can advise me how to change the colour of the text at the top of my pages.
The image below shows the text in question and I am using the Venture theme.
At the moment it is the same colour as the background (black) and doesn't "appear" when viewing the page. I only just realised this text was there when I accidentally highlighted a portion of a page.
I know you can go through Customise < Theme Settings, but this changes to colour of all of the text on the page (header, products names, etc.). If possible, I just want to change the text highlighted in the image below.
Thanks, everyone.
Ben Donnelly
Solved! Go to the solution
This is an accepted solution.
Hello @BenDonnelly
Please use below code on assets -> theme.scss.css at the bottom to change collection title color
body.template-collection h1.section-header__title {
color: #FFF !important;
}
It will apply on all collection pages
Hi @BenDonnelly,
You can try to change it from Shopify store admin > Online Store > Themes > Customize > Theme Settings > Colors
- Helpful? Like and Accept solution! Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Thank you for the reply. Yes, it can be changed from there but doing this changes the colour of all of the text on the page. I am aiming to change the colour of the highlighted text only.
Hello @BenDonnelly
Please hsrae your Store URL where you want this to get done and I will happy to help you.
Thanks, @Niraj_singh.
It is at the top of my pages. For example: https://betadeltacollectibles.com.au/collections/2022-footy-stars-sunset-parallel
Can I apply the colour once or will I need to edit the code for each individual page?
This is an accepted solution.
Hello @BenDonnelly
Please use below code on assets -> theme.scss.css at the bottom to change collection title color
body.template-collection h1.section-header__title {
color: #FFF !important;
}
It will apply on all collection pages
Hi, I downloaded a theme template from Envato Elements and cant change the heading menu bar text color, when I go to edit code theres loads of css files and dont know which one to change, is there something I can do to override everything and change text color to white?
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024