How to edit css for excerpts in page tree macro in the Documentation style?

How can I change the font size for the excerpts shown in the page tree macro in the documentation style?

I've edited the CSS on the page before, so I know I need the name of a class or id, but looking at the Page Source, I don't see the name of the piece that contains the excerpts included in the page tree (since the plugin probably uses Javascript or something...).

This appears to be the part of the code from the page tree:

<div class="plugin_pagetree"><div><span class="plugin_pagetree_status hidden">Collapse all</span><div class="plugin_pagetree_expandcollapse"><a class="plugin_pagetree_expandall" href="#">Expand all</a>&nbsp;&nbsp; <a class="plugin_pagetree_collapseall" href="#">Collapse all</a></div></div><ul class="plugin_pagetree_children_list plugin_pagetree_children_list_noleftspace"><div class="plugin_pagetree_children"></div></ul>

I'd like to make the text larger and possibly move it away from the page title, but once I can get the right class name, I can work with the css.

1 answer

1 accepted

0 votes
Accepted answer

Have you looked into XHTML Edit plugin?

Thanks! It looks like that should work.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Feb 06, 2019 in Confluence

Try out the new editing experience

Hi team, I’m Avinoam, a product manager on Confluence Cloud, and today I’m really excited to let the Community know that all customers can now try out the new editing experience and see some of the ...

1,465 views 114 8
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you