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

I need code block with dashed line.

PROBLEM
--------------
When I insert a code block, it gives me a solid line. How can I convert that solid line border of the code block to dashed line? Thank you in advanced.

Accepted answers

All comments

Daniel Wester

Are you using the code macro? If you can give more details?

I do:

Edit Page

Insert Menu Button

Other Macros

Code Block

Insert

Now, I get a code block that has a solid line - I prefer the dashed line which is easier on the eyes. Thanks & Best.

Any ideas? Best.

Daniel Wester

The only thing you can try is to change the Theme: https://confluence.atlassian.com/display/DOC/Code+Block+Macro Since you're using Confluence Cloud you can't change the css.

Stephen Deutsch

Actually, I found that you can change the CSS for a single page if you want since the Content Formatting Macros (which should be included in your instance) contain the CSS Stylesheet macro. Just put the following inside the CSS macro on the same page as the code macro:

div.code {
  border-style: dashed !important;
}

And then the code block should show with a dashed line.

Welcome!

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

Quick Links

Find more posts tagged with

confluence

cloud