Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

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

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.

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: Since you're using Confluence Cloud you can't change the css. :(

Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Apps & Integrations

🍻🍂Apptoberfest Update: Upcoming Virtual Events 🎉

Hello Community! I hope you've been enjoying the 🍂Apptoberfestivities🍂 (I know I have!) The event is heating up next week with a series of virtual events that we're calling the 🍻🍂Partner App ...

62 views 0 5
Read article

Community Events

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

Find an event

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

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you