Shamim's Plugins

Customize site wide notification in header

This topic is: Resolved

Tagged: announcements, header, Site wide notification

This topic has 4 replies, 2 voices, and was last updated 6 years, 1 month ago by STEVE.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
March 23, 2018 at 12:39 pm #12565

STEVE
Participant

How can we customize the look of the site wide notification in header? I’d like to change the colors.

Thanks

March 23, 2018 at 12:58 pm #12568

STEVE
Participant

Actually, I’d also like to change it’s position if possible. Maybe instead of it being across the top, it can be a tab at the bottom of the window, or something similar.

March 23, 2018 at 1:43 pm #12574
STEVE
Participant
Good News… I figured out how to customize the look of the site wide notification in header. I’m 50% there. I just can’t figure out how to move it around, like to the bottom of the window. Not sure if that is even possible.

Here’s the code I used to change the look…
```
#fep-notification-bar { 
   color: rgba(221, 221, 221, 1);
   background-color: rgba(0, 0, 0, 0.75);
   border-color: rgba(221, 221, 221, 1);
   border-width: 1px;
   border-radius: 0px;
   top: 80px;
}

.fep-notification-bar .fep-notice-dismiss {
   color: rgba(221, 221, 221, 1);
}
```
March 23, 2018 at 2:43 pm #12577
Shamim Hasan
Keymaster
You can add
```
position: fixed;
bottom: 0px;
```
and remove top: 80px;
March 23, 2018 at 3:26 pm #12597

STEVE
Participant

Nice! Thanks!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You need to purchase ‘Front End PM PRO’ to create topic in this support forum.

If you already purchased ‘Front End PM PRO’ please LOGIN.