I am using the Page Banner macro and I want to personalize the colour of the action button to fit the branding of my page better. This is what the edit page banner popup looks like: I assume I'll have to override the color using CSS but I'm not sure what the name of the button is. I'm specifically trying to change the color of the "Visit Now" button. I believe this is a macro provided by ServiceRocket.

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Page Banner Macro change button color

Ottavio Ficaccio

I am using the Page Banner macro and I want to personalize the colour of the action button to fit the branding of my page better. This is what the edit page banner popup looks like:

Screenshot 2026-01-22 133118.png

I assume I'll have to override the color using CSS but I'm not sure what the name of the button is. I'm specifically trying to change the color of the "Visit Now" button. I believe this is a macro provided by ServiceRocket.

Accepted answers

Ottavio Ficaccio

Found the solution, for anyone else who may be looking for it:

.aui-button:link, .aui-button:visited, a.aui-button {
    background-color: #eb5946;
}
a:hover {
   background-color: #EB7F71;
}

All comments

Tomislav Tobijas

Hi @Ottavio Ficaccio ,

Have you tried reaching out to the vendor directly about this? TBO, I've never seen this macro, and I cannot find anything related in the Marketplace. I've checked ServiceRocket, but they appear to be offering only this one app listed on the link. 👀

Now, if you could find the app that provides this specific macro, you should be able to find it on the Marketplace, and under each app listing, there should be a "Support" tab where you can find contact information for that specific vendor.
Vendors are usually quite helpful, so they will probably be able to assist you.

Cheers,
Tobi

Ottavio Ficaccio

I ended up finding the solution, but thank you for your response!

Ottavio Ficaccio

Found the solution, for anyone else who may be looking for it:

.aui-button:link, .aui-button:visited, a.aui-button {
    background-color: #eb5946;
}
a:hover {
   background-color: #EB7F71;
}

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

confluence-cloud

macro

css

servicerocket