Brooklyn theme changing font color product page header

Solved
Highlighted
Excursionist
16 0 1

Hi there!

 

I coded a pink block around the titles of my product pages. Now I'd like the text in the blocks to be white, without changing all the titles on the rest of the website. I've tried a bunch of different things but I'm new to coding and just can't get it right. My shop is not online yet but I added a picture for reference (the word "stationery" should be in white). Does anyone know how to do this?

 

Thanks in advance!

Screenshot 2019-05-02 at 13.57.54.png

0 Likes
Highlighted
Shopify Expert
2930 498 670

Hi,

Can you send me your store url so i can give exact solution. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
16 0 1

It's https://consciousstore.nl and the password is whirta. Thanks!

0 Likes
Highlighted
Shopify Expert
2930 498 670

Hi,

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.section-header h1{color: white;}

let me know if you need help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
16 0 1

It did do the trick, but now all my headers are white, also the ones on the homepage. Is there a way to change the headers on the collection pages only?

0 Likes
Excursionist
16 0 1

Thanks!

0 Likes
Highlighted
Shopify Expert
2930 498 670

Hi,

Yes we can do this but for that we need to add some identifier in header with only collection page so it only affect on collection page.

Let me know if you want

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
16 0 1

Yes please, that would be awesome!

0 Likes
Highlighted

Success.

Shopify Expert
2930 498 670

follow this:

1. Go to Online Store->Theme->Edit code
2. sections->collection-template.liquid->find section-header class and add header_color in this it look like bellow:

 

<div class="section-header text-center header_color">

3. Open  Asset->theme.scss->paste bellow code in bottom of file

 

 

 .header_color{color:white;}

Let me know if you can't

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
16 0 1

Could it be that you mean the collection-template.liquid within snippets in stead of sections? The one in sections does not have the code you mentioned. I made the changes in the collection-template.liquid snippet. This is what the code looks like at the moment:

 

<header class="section-header text-center header-color">
  <div style="display: inline-block; background-color:#FFD8DF; padding-left: 20px; padding-right: 20px; padding-top: 10px;"> <h1>{{ collection.title }}</h1> </div>
  <hr class="hr--small">

 

I also added the line in theme.scss but it's not working yet, the titles are still showing up black.

0 Likes