Warsaw Dynamics
My account
External Share for Confluence
View Tree DEFAULT Title - A to Z
PAGES
External Share for Confluence
•
Get External Share for Confluence
•
Getting Started
Reference
FAQ
•
Get Help and Support
•
EULA
•
Privacy and Data Security Statement
User's Guide
•
Custom domain
•
Email template
•
Iframe support (CSP)
Selected Users
•
Integration with Jira
•
External Share logs in Server & Data Center version
•
Page customization examples (Custom HTML and CSS)
•
Password Page customization examples (Custom HTML and CSS)
•
IP restriction
SAML / SSO - Setup guide
•
Activities
•
Exclude content macro
•
Permission schemes - External Share for Confluence
•
Screenshots
Release notes
Dashboard Settings My account
External Share for Confluence
View Tree DEFAULT Title - A to Z
PAGES
External Share for Confluence
•
Get External Share for Confluence
•
Getting Started
Reference
FAQ
•
Get Help and Support
•
EULA
•
Privacy and Data Security Statement
User's Guide
•
Custom domain
•
Email template
•
Iframe support (CSP)
Selected Users
•
Integration with Jira
•
External Share logs in Server & Data Center version
•
Page customization examples (Custom HTML and CSS)
•
Password Page customization examples (Custom HTML and CSS)
•
IP restriction
SAML / SSO - Setup guide
•
Activities
•
Exclude content macro
•
Permission schemes - External Share for Confluence
•
Screenshots
Release notes

Page customization examples (Custom HTML and CSS)

Created by
Old Street Apps (Unlicensed)
Last updated 11 April 2022, 12:07

Watch for changes

  • Subscribe with Child Pages
  • Unsubscribe with Child Pages
✓ Subscribed

 

  • Hide Page Creator
  • Full-Width Tables
  • Hide “Powered by: External Share for Confluence” footer
  • Custom Header Example
  • Custom Footer Example

 


Hide Page Creator

 

Add code to the Custom CSS section:

Cloud

Server & Data Center

.person-row {
  display: none;
}
.modification-info {
  display: none;
}

.title {
  padding-bottom: 20px;
}

⠀


Full-Width Tables

⠀

Add code to Custom CSS section:

Cloud, Server & Data Center

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

⠀


Hide “Powered by: External Share for Confluence” footer

Add code to Custom CSS section:

Cloud

Server & Data Center

footer {
  display: none;
}

main.main-content.main-no-iframe {
  padding-bottom: 0px
}
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:

<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

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

⠀


Custom Footer Example

 

Add code to HTML at end of the BODY section:

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

 

Add code to Custom CSS section:

Cloud, Server & Data Center

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