<style>p { margin: 0; }span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } blockquote { border-left: solid 2px #5e35b1; color: #5e35b1; margin-left:0; padding-left:5px;}blockquote blockquote{ border-color: #00bcd4; color: #00bcd4;}blockquote blockquote blockquote{ border-color: #43a047; color: #43a047;} table.grid{ border-collapse: collapse;} table.grid td, table.grid th { border: 1px solid #ddd;} .fr-fic.fr-dib{ display: block; margin: 5px auto;}.fr-fic.fr-dib.fr-fir{ text-align: right; margin: 5px 0 5px auto;}.fr-fic.fr-dib.fr-fil{ text-align: left; margin: 5px auto 5px 0;}.fr-fic.fr-dii{ float: none; margin: 5px auto;}.fr-fic.fr-dii.fr-fil{ float: left; margin: 5px auto;}.fr-fic.fr-dii.fr-fir{ float: right; margin: 5px auto;}img.fr-dib.fr-fir { margin-right: 0; text-align: right;}img.fr-dib.fr-fil { margin-left: 0; text-align: left;}img.fr-dib { margin: 5px auto; display: block; float: none;}img.fr-bordered { box-sizing: content-box; border: solid 5px #CCC;}img.fr-shadow { box-shadow: 10px 10px 5px 0px #cccccc;}img.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><p><strong>In this guide we will cover:</strong></p><p><strong>- New Method (Recommended)</strong></p><p><strong>- Old Method (Deprecated as of v2.145)</strong></p><p><br></p><p><br></p><p>By default your organisation details will appear in the footer of your self-service portal. These include your organisation address, phone number, email address and (as of v2.178+) website. All these organisation details are set under configuration > organisations. You can use the methods outlined in this guide to hide one or all of these details. </p><p><br></p><p><strong><span style="font-size: 14pt;">New Method</span></strong></p><p><strong><span style="font-size: 11pt;">Use this method if you are on v2.145 or above.</span></strong></p><p><br></p><p>Head to Configuration > Self Service Portal and scroll down to the section 'Footer content'. Here you will see the several checkboxes that will determine if each of your organisation details display on the portal. Simply check or uncheck a setting to change if the detail shows. </p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImQ0NGUxNTU3LTY4ZDctNGVkYy05YWIxLWUxM2Q2NzVlZjhhOCJ9.WWkIZDAejeS6gS1YIAggF5DCq0sMuwrUfB8M3fFL7Ho" class="fr-fic fr-fil fr-dib" width="572" height="350"><strong><span style="font-size: 10pt;">Fig 1. Hiding Organisation Details on the Self Service Portal</span></strong></p><p><br></p><p><strong><span style="font-size: 14pt;">Old Method - Remove company details on the portal using Custom CSS</span></strong></p><p><strong><span style="font-size: 11pt;">Use this method if you are on v2.145 or below</span></strong></p><p><br></p><p>To achieve this, paste the CSS provided below, into the text box of the Custom CSS section you will find in Configuration > Self Service Portal:</p><p><br></p><p style='margin-top:0cm;margin-right:0cm;margin-bottom:8.0pt;margin-left:0cm;line-height:107%;font-size:11pt;font-family:"Calibri",sans-serif;'><span style='font-size:11pt;line-height:107%;font-family:"Arial",sans-serif;'><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjBkYTlhOTZlLTAyZTctNDJjMy1hMWE0LTdiYzZiMjlhMDhkNSJ9.cWeGEdURj7sRCj2H9rekM-hrD59oUJJV6OT_fKpw6kE" class="fr-fic fr-fil fr-dib" width="955" style="width: 957px; height: 437.731px;" height="438"></span></p><p style='margin-top:0cm;margin-right:0cm;margin-bottom:8.0pt;margin-left:0cm;line-height:107%;font-size:11pt;font-family:"Calibri",sans-serif;'><span style="font-size: 10pt;"><strong><span style="font-family: Arial, Helvetica, sans-serif;">Fig 2. Customising the CSS on The Self Service Portal</span></strong></span></p><p><span style="font-size: 11pt; font-family: Arial, Helvetica, sans-serif;">There are two different styles given below:</span></p><p><br></p><ul><li>Completely removing the footer of the portal</li><li>Keeping the footer but removing all the details</li></ul><p><span style="font-size: 11pt; font-family: Arial, Helvetica, sans-serif;">To completely remove the footer of the portal, the following CSS can be used:</span></p><p><br></p><p><span style="font-size: 11pt; font-family: Arial, Helvetica, sans-serif;">.page-footer{</span></p><p><span style="font-size: 11pt; font-family: Arial, Helvetica, sans-serif;">display:none !important;</span></p><p><span style="font-size: 11pt; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; font-family: Arial, Helvetica, sans-serif;"><br></span></p><p><span style="font-size: 11pt; font-family: Arial, Helvetica, sans-serif;">Alternatively to the above CSS, keeping the footer looks like this below image:</span></p><p style='margin-top:0cm;margin-right:0cm;margin-bottom:8.0pt;margin-left:0cm;line-height:107%;font-size:11pt;font-family:"Calibri",sans-serif;'><span style="font-size: 11pt;"><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImM5NzMxMDMwLWU0MDAtNGI0My04YTZkLWQ3YzQ5MjQ4NzQyZSJ9.GyW8kdfs_388ksiMwikK2xzBfEo9B83KK46IzULuK-Q" class="fr-fic fr-fil fr-dib" width="988" style="width: 990px; height: 164.093px;" height="164"></span></p><p><span style="font-size: 10pt;"><strong><span style="font-family: Arial,Helvetica,sans-serif;">Fig 3. The Footer of The Portal Without Company Details</span></strong></span></p><p><span style="font-family: Arial,Helvetica,sans-serif;"><br></span></p><p><span style="font-size: 11pt; font-family: Arial, Helvetica, sans-serif;">This below CSS will remove all the details and keep the bottom section (footer) of the portal. Copy this CSS into the text box of the Custom CSS page:</span></p><p><span style="font-family: Arial,Helvetica,sans-serif;"><br></span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap')</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.portal .search-title {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-size: 2.5rem;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-weight: 500;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-family: 'Montserrat', sans-serif;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> margin-bottom:40px;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-family: Arial,Helvetica,sans-serif;"><br></span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.portal .dashbtn:hover {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> background-color: rgb(0, 0, 0);</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> box-shadow: 0 20px 30px 0 rgba(36,50,66,.14);</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-family: Arial,Helvetica,sans-serif;"><br></span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.portal .page-title h1 {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-family: 'Montserrat', sans-serif;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-size: 1.5rem;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-weight: 200;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.portal .details-form .details-group-header.title, .portal .page-title h1 {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-family: 'Montserrat', sans-serif;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-size: 1.5rem;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-weight: 200;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-family: Arial,Helvetica,sans-serif;"><br></span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">h5 {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> color: rgb(0, 0, 0);</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-family: 'Montserrat', sans-serif;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">h5:hover {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> color: rgb(255, 255, 255);</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-family: 'Montserrat', sans-serif;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.portal .searchbox, .portal .dashbtn, .details-group.card-panel {</span><span style="font-size: 12pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> border-radius: .75rem;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.details-group.card-panel {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> box-shadow: 0 4px 8px 0 rgba(24,50,71,.1);</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.ReactModalPortal, body .portal {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-family: 'Montserrat', sans-serif;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.searchscreen .searchbox {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> height: 60px;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.searchscreen .searchbox input[type=text] {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-size: 16px !important;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">#searchscreen-searchbar::placeholder {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> color: rgb(127, 127, 127);</span><span style="font-size: 12pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.react-kanban-column .card {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> padding:30px !important;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.react-kanban-column .card h4 {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> font-size: 1.3rem !important;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">/*** highlight around searchbox ***/</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.portal .searchbox:focus {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> border: 2px solid #9ca6af;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> color: rgb(200, 209, 221);</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">/*** portal service boxes - change background on hover ***/</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.portal .dashbtn:hover {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">background-color: #47d7ac;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">color: #ffffff;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">/***remove address box from portal***/</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">.portal .box1 {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">display: none;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> </span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">/*** image background repeat to remove white space ***/</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">div.main > div {</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;"> background-size: cover !important;</span></p><p><span style="font-size: 11pt; line-height: 107%; font-family: Arial, Helvetica, sans-serif;">}</span></p>
