# Highlight current page in Brand Header links

**URL:** https://meta.discourse.org/t/highlight-current-page-in-brand-header-links/312632
**Category:** Development
**Tags:** css, brand-header
**Created:** [July 2, 2018, 4:07am UTC](https://meta.discourse.org/t/highlight-current-page-in-brand-header-links/312632 "2018-07-02T04:07:41Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [July 2, 2018, 4:07am UTC](https://meta.discourse.org/t/highlight-current-page-in-brand-header-links/312632/1 "2018-07-02T04:07:41Z")

</div>

> [@Add icon next to header link text](https://meta.discourse.org/t/add-icon-next-to-header-link-text/312631/3):
>
> Another request would be to have the current page highlighted, or at least give each button it’s own class so I could change the color of a single button.

For those interested I was able to sort of achieve this, it’s not intelligent for what page you’re on, but for most, it will do the trick. Change the (2) to whatever position your forum button is

```
.b-header .nav-pills > li:nth-child(2) {
	background-color: #35373e;}

```

and if you would like the pill to extend to the top and bottom

```
.b-header .nav-pills>li>a {
padding: 13px 12px;
}

.b-header .contents {
	margin: 0px !important;
}

```

This achieves…

![image](https://global.discourse-cdn.com/meta/optimized/3X/4/4/44c9ceb3c2204fec7ee113830975ac2bd54e665d_2_690x48.png)