Custom HTML and CSS Examples

 

 


Hide Page Creator

 

Add code to Custom CSS section:

Cloud

Server & Data Center

Cloud

Server & Data Center

1 2 3 .person-row { display: none; }
1 2 3 4 5 6 7 .modification-info { display: none; } .title { padding-bottom: 20px; }


Full-Width Tables

Add code to Custom CSS section:

Cloud, Server & Data Center

Cloud, Server & Data Center

1 2 3 .table-wrap .confluenceTable { width: 100% !important; }


Add code to Custom CSS section:

Cloud

Server & Data Center

Cloud

Server & Data Center

1 2 3 4 5 6 7 footer { display: none; } main.main-content.main-no-iframe { padding-bottom: 0px }
1 2 3 4 5 6 7 footer { display: none; } main.main-content.main-content-navigatable { padding-bottom: 0px }


Custom Header Example

Add code to HTML at beginning of the BODY section:

1 2 3 4 <div class="custom-header"> <h1>Custom Header</h1> <a href="https://marketplace.atlassian.com/apps/1220562" rel="nofollow">Link to Website</a> </div>

 

Add code to Custom CSS section:

Cloud, Server & Data Center

Cloud, Server & Data Center

1 2 3 4 5 6 7 8 9 10 11 12 13 .custom-header { padding: 10px; text-align: center; background: rgb(131,58,180); background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); color: white !important; font-size: 30px; height: 150px; } .custom-header h1 { color: white !important; }


 

Add code to HTML at end of the BODY section:

1 2 3 <div class="custom-footer"> <h3>Custom Footer</h3> </div>

 

Add code to Custom CSS section:

Cloud, Server & Data Center

Cloud, Server & Data Center

1 2 3 4 5 6 7 8 9 10 11 12 .custom-footer { text-align: center; background: rgb(131,58,180); background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); color: white !important; font-size: 30px; height: 50px; } .custom-footer h3 { color: white !important; }