nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How can I edit the Info macro style globally

none13

pre-upgrade, the info, warning, tip macros did NOT use a word - now they display an icon AND a word (NOTE, bold and in caps, for Info).

This is rather ugly and takes up a lot of space - I can edit individual instances of the macro, but is there a way to edit it globally, so it never adds a word?

Accepted answers

All comments

Joe Clark

What version of Confluence did you upgrade from/to? As far as I know, the macros aren't supposed to add any additional text other than what you type in to the macro body & parameters.

none13

ah, I think you are right, sorry. I'd still like to be able to edit the macro style globally, is this possible?

some of our macro styles have the words and some do not, plus they (seem to) take up a lot of space in the newer confluence, so the ability to change the overall appearance of these would be key.

thanks

Joe Clark

The easiest way is to probably edit your Confluence global stylesheet and provide some custom CSS that overrides the default appearance of the macros.

Are you familiar with CSS? It's easy to add it in to Confluence if you are - http://confluence.atlassian.com/display/DOC/Styling+Confluence+with+CSS

none13

Since I can't see what styles are controlling that, I don't understand how I can just create random css that will apply. There's no custom stylesheet and I can't see the global one that's used, so how would I figure this out? this is controlled by macros, what style would I enter into a custom stylesheet? thx

Andrew Frayling

Hi,

I've been playing around with the CSS for this and the following will remove any titles that people may have entered and collapse the whitespace left by the removed title:

Note Macro

div.panelMacro &gt; table.noteMacro &gt; tbody &gt; tr &gt; td &gt; b:first-child {
	display: none;
}

div.panelMacro &gt; table.noteMacro &gt; tbody &gt; tr &gt; td &gt; p:nth-of-type(1) {
	margin-top: -15px;
}

Info Macro

div.panelMacro &gt; table.infoMacro &gt; tbody &gt; tr &gt; td &gt; b:first-child {
	display: none;
}

div.panelMacro &gt; table.infoMacro &gt; tbody &gt; tr &gt; td &gt; p:nth-of-type(1) {
	margin-top: -15px;
}

Warning Macro

div.panelMacro &gt; table.warningMacro &gt; tbody &gt; tr &gt; td &gt; b:first-child {
	display: none;
}

div.panelMacro &gt; table.warningMacro &gt; tbody &gt; tr &gt; td &gt; p:nth-of-type(1) {
	margin-top: -15px;
}

Tip Macro

div.panelMacro &gt; table.tipMacro &gt; tbody &gt; tr &gt; td &gt; b:first-child {
	display: none;
}

div.panelMacro &gt; table.tipMacro &gt; tbody &gt; tr &gt; td &gt; p:nth-of-type(1) {
	margin-top: -15px;
}

It's a bit messy because there are no classes or IDs for the title or the first line of content following the title, but the above should be specific enough so they don't interfere with other elements on the page.

As for where you enter this CSS there are a couple of options:

1. Login as an admin and select Browse -> Confluence Admin -> Look and Feel -> Stylesheet and enter the CSS there. This will apply the CSS globally.

2. Login as a Space Admin, navigate to a specific Space and select Browse -> Space Admin -> Look and Feel -> Stylesheet and enter the CSS there. This will apply the CSS to just that one Space.

Hope that helps?

Andrew.

Joe Clark

That's awesome! Thanks for much for sharing this, Andrew!

Stacia Parfionov

Hi Joseph,

At the risk of asking a dumb question, where can I find out how to reference the macros in the CSS so that I can style them as you suggested. I haven't found any information on this topic.

Thanks!
Stacia

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence