Add a solid colour header to Brooklyn theme pages (excluding homepage)

Solved
Highlighted
New Member
2 1 0

Hi folks,

 

Looking to have a solid black header bar across the top of all Brooklyn pages except for the homepage.

 

Figure I need to add a DIV with a bgcolor but not sure how/where to include it in the theme files.

Maybe here?

<header class="site-header{% if template.name == 'index' %} hero--color-0{% endif %}" role="banner">

How do I say "if template.name is NOT equal to index, show header class site-header-small"?

 

(Sorry, Liquid newbie here!)

0 Likes

Success.

New Member
2 1 0

Scrap that... I figured it out! (I'm stubborn like that :) lol)

 

For anyone else wondering, in timber.css, I added:

 

.site-header {
padding: ($gutter / 2) 0 0;
background: black;

 

... and that did the job nicely!

0 Likes