You're on your way to the next level! Join the Kudos program to earn points and save your progress.
Level 1: Seed
25 / 150 points
Next: Root
1 badge earned
Challenges come and go, but your rewards stay with you. Do more to earn more!
What goes around comes around! Share the love by gifting kudos to your peers.
Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!
Join now to unlock these features and more
I know that if I put some new HTML in the header, the subscribe button will disappear and I will need to add <div id="replace-with-subscribe"></div>.
But how can I style the button/link in my css file?
I have a purple placeholder button, with no function, that I'm gonna replace with <div id="replace-with-subscribe"></div>.
I want the official subscribe button to be like my fake purple button. Any thoughts?
Hello Caio,
Thanks for reaching out on the community and welcome!
I am not sure if you have seen the help article that talks about about custom CSS so here is the link for it: https://support.atlassian.com/statuspage/docs/use-custom-css-on-a-status-page/
Typically with custom code, we cannot give much guidance on due to the nature of there being a lot of ways to do it. That being said, I tried this on my page and was able to get it to turn purple:
.flat-button, .masthead .updates-dropdown-container .show-updates-dropdown, .layout-content.status-full-history .show-filter.open {
background-color: purple;}
Feel free to give that a try but please note that depending on your case, this may not work for you. I hope that you have a fantastic day!
Regards,
Jesse K
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.