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 vote

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.

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

0 vote
Stephen Deutsch Community Champion Mar 29, 2015

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 Join to answer
Community showcase
Emilee Spencer
Published yesterday in Marketplace Apps

Marketplace Spotlight: DeepAffects

Hello Atlassian Community! My name is Emilee, and I’m a Product Marketing Manager for the Marketplace team. Starting with this post, I'm kicking off a monthly series of Spotlights to highlight Ma...

50 views 0 3
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
Atlassian Team Tour

Join us on the Team Tour

We're bringing product updates and pro tips on teamwork to ten cities around the world.

Save your spot