Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

¿ How to put background color in horizontal macro navigation bar?

Gabriel Castaneda
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
November 12, 2018
Something like in this example where they are green 

523c7e6a-991d-4b40-a263-f49db538af7f.jpeg

2 answers

0 votes
Sireesha Dugginapeddi [Appfire]
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 13, 2018

Hi @Gabriel Castaneda,

You can use a CSS stylesheet macro within the page with the following - 

.aui-tabs.horizontal-tabs>.tabs-menu>.active-tab a {
background-color: #FFE4C4; }

You can also add border-color, font-color and so on based on your requirement. Also, you can add the same to your space stylesheet to change the tab colors.

Hope this helps!

Thanks

Sireesha

Greg Smith
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
July 31, 2020

I cannot get this to work.  What does the "a" mean after .active_Tab?

Sandeep
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
March 16, 2022

Any way of doing the same with horizontal navigation bar macro?

0 votes
Tinker Fadoua
Community Champion
November 13, 2018

@Gabriel Castaneda

Are you a confluence cloud or server user? if server what version?

That green box is the Tip" Macro that you can add to your confluence pages when needed.

There are 4 macros that display in colored boxex: Tip, Note, Warning, Info

Best,

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events