Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Celebration

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root

Avatar

1 badge earned

Collect

Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!

Challenges
Coins

Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.

Recognition
Ribbon

Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!

Leaderboard

How do I style the subscribe button?

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?

Captura de Tela 2021-08-03 às 17.36.20.pngCaptura de Tela 2021-08-03 às 17.36.38.png

1 answer

1 vote
Jesse Klein
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
Aug 05, 2021

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

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
TAGS
AUG Leaders

Atlassian Community Events