Re: Change Colour of Header Text

Solved

How can I change the header text color in the Venture theme?

BenDonnelly
Excursionist
12 0 7

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

 

Shopify_Query.png

Accepted Solution (1)
Niraj_singh
Shopify Partner
232 39 47

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

banned

View solution in original post

Replies 9 (9)

Dan-From-Ryviu
Shopify Partner
9539 1918 1954

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.

BenDonnelly
Excursionist
12 0 7

Hi @Dan-From-Ryviu

 

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.

Niraj_singh
Shopify Partner
232 39 47

Hello @BenDonnelly 

Please hsrae your Store URL where you want this to get done and I will happy to help you.

banned
BenDonnelly
Excursionist
12 0 7

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?

Niraj_singh
Shopify Partner
232 39 47

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

banned
BenDonnelly
Excursionist
12 0 7

Brilliant!

 

Thanks, @Niraj_singh.

 

That has worked.

 

Ben Donnelly

Niraj_singh
Shopify Partner
232 39 47

Thankyou @BenDonnelly 
My pleasure to assist you.

banned
BenDonnelly
Excursionist
12 0 7

Just one more question if I may, @Niraj_singh.

 

Do you know how to change the font of this text?

Barzen
New Member
4 0 0

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?