# Conditional header text based on group membership

**URL:** <https://meta.discourse.org/t/conditional-header-text-based-on-group-membership/123348>\
**Category:** Development\
**Created:** [18 ביולי,‏ 2019,‏ 9:04pm UTC](https://meta.discourse.org/t/conditional-header-text-based-on-group-membership/123348 "2019-07-18T21:04:10Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Cardinalflyer](https://avatars.discourse-cdn.com/v4/letter/c/f14d63/32.png) [@Cardinalflyer](https://meta.discourse.org/u/Cardinalflyer)\
**Post date:** [18 ביולי,‏ 2019,‏ 9:04pm UTC](https://meta.discourse.org/t/conditional-header-text-based-on-group-membership/123348/1 "2019-07-18T21:04:10Z")

</div>

I am hoping for some header / CSS help. I know a lot of languages but am just getting started with CSS.

I am trying to place a notice at the top of my header reminding members to renew when they get close to their renewal date. Renewal will be done via our main website, so I’d like to include a link. I am using the ‘Light’ theme.

I am very close, having taking the following steps:

1. Created a group called ‘renewal’ with a ‘please renew’ avatar but no other actions.

2. Set ‘renewal’ to be the primary group.

3. Included ‘renewal’ in the group ownership using SSO from my remote site based on renewal date.

4. Placed the following custom code in the Header of Common:

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/4/c400b5b1e1545270b995f34b9778e86eebe3003f.png)

1. Placed the following code in the CSS of Common

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/4/f4f2a00229c92e77c90b271b87ba90d594b013b8.png)

It works to the point of showing the text when the user is a member of the renewal group.

Now I’d like to enhance this notice by making it a red font and including an \<a tag for ‘click here to renew.’ But as most of you know, one cannot add HTML tags to a Content: string. I tried adding a font color to the \<div but no luck.

Is there an easy answer? Or another way completely to address this, like turning on and off the entire div block?

FYI the example I started from used a \<p tag in the header but that put an extra blank line at the top of the header whether triggered or not. I’d like to avoid that…

Thanks for your help!

---

_[View the full topic](https://meta.discourse.org/t/conditional-header-text-based-on-group-membership/123348)._