CODEWITHSUNDEEP
cssconfluence
Dochollidae
Dochollidae

Reputation: 1

CSS for specific macro with confluence

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.

Upvotes: -3

Views: 41

Answers (1)

Mohammad Rahimi
Mohammad Rahimi

Reputation: 21

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;
}

Upvotes: 2

Related Questions