How to change Header Color on home page ONLY brooklyn theme

Solved
Baileyatk13
Tourist
10 0 3

Hi, I've been trying to change the header color for my home page ONLY and I can't seem to figure it out. I have managed to apply to all pages but can't find the right code to apply it to just the one page.

If someone could paste the code for how to apply this to my Brooklyn theme code that would be great.

Thanks!

0 Likes
LamQSolutions
Pathfinder
117 28 42

This is an accepted solution.

Hi,

To change the color, you can install my free app Custom CSS and add the following code

If you don't want to install the app, you can add the following at the bottom of your assets/timber.scss file

.template-index .site-header {
  background-color: #dedede !important; /* Change to color you want */
}
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.