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! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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?
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024