I need code block with dashed line.

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. 

2 answers

0 votes
Daniel Wester Community Champion Mar 28, 2015

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

I do:

Edit Page 
Insert Menu Button
Other Macros
Code Block
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 Community Champion Mar 29, 2015

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. :(

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.

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Jan 08, 2019 in Jira

How to Jira for designers

I’m a designer on the Jira team. For a long time, I’ve fielded questions from other designers about how they should be using Jira Software with their design team. I’ve also heard feedback from other ...

949 views 3 9
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you