I am trying to style the header of a panel in confluence by calling out a specific Macro.
I can style the panel header fine by using:
.panelHeader {
color:xxx
Font-Family:xxx
}
The issue is when I embed the page onto another page with other panels it styles all those panels as well. So I need to call out the specific macro. I am not sure how to include the #macro-ID into the styling above.
To style the header of a specific panel in confluence when you're embedding a page with multiple panels, you can target the specific macro by using a more specific selector that includes the macro's ID or class.
If the macro generates a unique ID or class for the panel, you can reference it directly in your CSS.
Suppose you have a macro with an ID like macro-12345 , you can apply your styles like this:
#macro-12345 .panelHeader {
color: red;
font-family: Arial, sans-serif;
}
