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

how can I change page tree colors

Mordechai Cikk August 2, 2017

Hi Guys.

I am trying to change the color scheme for the left sidebar page tree.

It was easy enough to change the backgroud color in the space stylesheet with something like:

.acs-side-bar {
background-color: #33334d;
}  

But I was not successful at changing the text color.

Anyone have experiance with this?

 

Thanks

 

1 answer

1 accepted

0 votes
Answer accepted
Thomas Schlegel
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
August 2, 2017

Hi Mordechai,

try this CSS:

.ia-fixed-sidebar div.plugin_pagetree ul.plugin_pagetree_children_list .plugin_pagetree_children_span a { color: #ff7f50; }

.ia-fixed-sidebar div.plugin_pagetree ul.plugin_pagetree_children_list li .plugin_pagetree_children_content .plugin_pagetree_current a { color: #359797; }

Mordechai Cikk August 2, 2017

neither seems to have any affect.

Thomas Schlegel
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
August 2, 2017

where did you add the CSS? 

My Confluence 5.10.7 looks now like that:

image.png

Thomas Schlegel
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
August 2, 2017

I added the CSS to the Space Stylesheet:

http://<your-confluence-url>/spaces/viewstylesheet.action?key=<spacekey>

Like Giorgio Bellinger likes this
Mordechai Cikk August 2, 2017

 

Hi Thomas.

Your settings are now working for me.

Thanks for your help!

Thomas Schlegel
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
August 3, 2017

You're welcome :-)

Nanci Akins [X] February 5, 2021

I used these settings and am glad I found this suggestion! My question now is, do you have a way to change the look of just the parent pages in a page tree? Make them bigger or a different color than the child pages? 

nick_hughes March 3, 2022

This! I tried to do it yesterday but couldn't find out how

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events