<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;}</style><p>In order to change the colour of the title in the portal, we have to change the custom CSS</p><p><br></p><p>&nbsp;in Configuration &gt; Self-Service Portal &gt; *Click into the Custom CSS Button*</p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjEyODBiOTg0LTE4MGEtNGMyNi04ZjM1LTE2YmFiMmUzZjlmYSJ9.BSEluA0Y5GiFjQms6hwp-4Tt5Xk67Br3Rg7sobRkMWY" class="fr-fic fr-fil fr-dib" width="507" height="232"></p><p><br></p><p>A modal window will appear which has the editable CSS:<br><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjViODdjOGIyLTg5NzAtNDI0Yy05MTM2LWQwY2I0NDRlYThiOCJ9.kKmJLBb7jlSTglZ302eTshuzTNEnN63oapiJ0a7qvDA" class="fr-fic fr-fil fr-dib" width="742" height="854"></p><p><br></p><p>Add the below &quot;color&quot; line into the custom CSS for the search title:</p><p><br></p><p id="isPasted">.portal .search-title {</p><p><br></p><p>&nbsp; &nbsp;font-size: 2.5rem;</p><p><br></p><p>&nbsp; &nbsp;font-weight: 500;</p><p><br></p><p>&nbsp; &nbsp;font-family: &#39;Poppins&#39;, sans-serif;</p><p><br></p><p>&nbsp; &nbsp;margin-bottom:40px;</p><p><br></p><p>&nbsp; &nbsp;color: #FFFF00 !important;</p><p><br></p><p>}</p><p><br></p><p>Any hex code can be added to the CSS for example #FFFFFF would be the hex code to use for pure white. The yellow hex code display will now look like this:</p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImZmZTRiNjFjLTY5NGYtNDg1YS1iY2Q1LWJiMzQwZmFhZDUyYiJ9.phPmSnk1IawG3Ecur2E7ur2uxK4KwGlvFzQ11vTwm4I" class="fr-fic fr-fil fr-dib"></p>