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

How can I remove borders from a table ? - Confluence Cloud

Armelle_ta7r0p

Hello,

Is it nowadays possible to hide the borders of a table in Confluence Cloud?

It's been 8 years since the original question. I just wanted to check whether the Confluence product has improved tables since then and now allows this basic thing, or has there been no improvement what-so-ever?

My manager used to do this in Confluence server, unfortunately this is impossible in the Cloud version.

Thanks !

Accepted answers

All comments

Sanjen Bariki_rtm841

Hi @Armelle ,

Welcome to Atlassian community!

Is it possible to see the which boarder you are saying to hide in the confluence..?

It will better to understand and give the proper solution.

Regards,

Sanjen

Oliver Siebenmarck {Polymetis Apps}

Hi @Armelle ,

While the editor in Confluence Cloud has improved markedly in the last eight years, you currently have no option to create borderless tables with it; at least not that I'm aware.

However, there's a feature called Layouts that you can use to have multi-column layouts in Confluence Cloud. For me, that has replaced the borderless table as a way to have multi-column pages.

Hope that helps,
Oliver

Armelle_ta7r0p

Hello Sanjen,

I would like to remove the borders of the tables present on the screenshot below.

Is it possible or too complex to do so?

Thank you!

Armelle_ta7r0p

Hello Oliver,

Thank you for your answer.

I already used the layout feature (2 columns) and I added a table in both of them :

I would like to remove the borders of said tables. I cannot insert a section in another section, can I ?

Regards,

Armelle

Angela_rtb50a

I was able to remove table borders, color primary buttons & add an image in the background of the page by adding a CSS Stylesheet macro to the bottom of the page, and populating it with this:

#main {
  background-image: url("https://xxxxxxxpath to image here");
  background-repeat: repeat;
}
.aui-button.aui-button-primary, .aui-button.aui-button-primary:visited {
background: #56504b;
border-color: #ffffff;
border: .5px solid #000000;
color: #ffffff;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
.wiki-content .confluenceTh,.wiki-content .confluenceTd {
    border: none;
}

Andrew Rose

Interesting. Thank you for sharing.
So if I understand correctly, we would need to purchase the Custom CSS Code Add On?

Stiltsoft support

Hi @Andrew Rose ,

As for now there is no such feature out-of-the-box.

Many vendors (and our company as well) try to introduce custom stylesheet functions in their apps that work with content.

So, if it happens so that you use our Table Filter, Charts & Spreadsheets for Confluence app, please check the Stylesheet tab inside the Table Transformer macro. It will help you with the case.

Welcome!

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

Quick Links

Find more posts tagged with

confluence

cloud

confluence-cloud

filter

atl-gruland

table

table-filter

table-filter-and-charts

table-transformer

table-filter-charts-spreadsheets