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

How do you change the label of the "Subscribe to updates" button to something else?

Tim Dolson March 11, 2022

My boss would like the "Subscribe to updates" button label to be something else. Likewise she would like the "Subscribe" label on individual Incidents to be something else. Does anyone know how to change these?

1 answer

1 accepted

1 vote
Answer accepted
Scot Wilson
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
March 13, 2022

G'day Tim!
I'm Scot from the Atlassian Statuspage Support Team, just adding in the links to our support documentation for people searching for this question.

Depending on the Pricing Plan you're on, we have the ability for you to customise your CSS/HTML & JS on your page to make these cosmetic changes.

We have documentation on using custom CSS, custom HTML (which includes an example on replacing the subscribe button). We also have a cookbook of CSS and Javascript customizations documented here, which will hopefully help you on your way.

Looking forward to seeing if other people have custom tidbits to share,
Scot.

  

Tim Dolson March 14, 2022

Thanks, Scott, but I'm not looking to hide, remove, or replace the Subscribe to updates button. I'm just trying to change the title or label of the button from "Subscribe to updates" to something else. I'm a complete newbie to CSS and HTML but I'm assuming the title or label of the button would be an attribute that could be changed similar to its background color as shown below. If my understanding is incorrect (wouldn't be the first time) let me know but, basically, my question is: Is it possible to change the title or label of the button from "Subscribe to updates" to something else and if so, how?

/* The following addresses the "Subscribe to updates button. */
#show-updates-dropdown {
background-color:#0F0F59;
}

Scot Wilson
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
March 14, 2022

Hey Tim,

Typically with custom code, we cannot give much guidance on how to do this for a number of reasons - We do not claim to be CSS/HTML/JS experts and that there are so many different ways to make changes with CSS and HTML/JS.

That being said - who doesn't love a challenge! I managed to get this custom CSS working on my test page to replace "Subscribe to Updates"

.updates-dropdown-container .show-updates-dropdown::after {
content: "Let Me Tell You!";
}

Oh, and if this is related to language translations, we have a guide on how you can integrate your page with Localize.

I hope that snippet of code helps you out, as it's the limit of what I can assist with,
Scot.

Like Steffen Opel _Utoolity_ likes this
Tim Dolson March 15, 2022

That's PERFECT, Scott! Thank you, that's exactly what I was looking for.

Like Scot Wilson likes this

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events