Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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 & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- 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?