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

Looking for CSS to underline heading 3

Bruno Romero1

I am looking for ccs or macro example to underline heading 3 by default

Accepted answers

David at David Simpson Apps

For Confluence, try something like:

#com-atlassian-confluence h3 {
  border-bottom: 1px solid #ccc;
}

This gives a full page width underline.

Update: For underlining just the text, try:

#com-atlassian-confluence h3 {
  text-decoration: underline;
}

All comments

David at David Simpson Apps

For Confluence, try something like:

#com-atlassian-confluence h3 {
  border-bottom: 1px solid #ccc;
}

This gives a full page width underline.

Update: For underlining just the text, try:

#com-atlassian-confluence h3 {
  text-decoration: underline;
}

Bruno Romero1

Hi David,

Thanks for your prompt answer. The code puts an underline accross the page under heading 3. Its is close to what I am looking for. Where headings are already underlined the new underline is placed right below. Thanks for the effort.

Bruno

David at David Simpson Apps

See the update

Welcome!

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

Quick Links

Find more posts tagged with

confluence

heading

stylesheet