> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.co-din.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How can I customize my Helpdesk layout?Customize the Helpdesk

Articles on: [Crisp Helpdesk](/en/category/crisp-helpdesk-du6vi0/)

If you would like to customize your Helpdesk layout, you can do so using Custom code. In this article we will provide you with some code snippets you can use in order to customize your Helpdesk.  
  
  
  
  
If you're not familiar on where to add your custom code, you can follow this article [here.](https://help.crisp.chat/en/article/how-to-include-custom-code-on-my-crisp-helpdesk-16lrvhh/)  
  

### Jump to:

  
*   Removing the "Go to website" button
  
*   Change the "Search on help center..." text
  
*   Removing the entire Helpdesk footer
  
*   Removing the "Chat" button
  
*   Removing the "Send us an Email" button
  
*   Change the text of the contact us buttons
  
*   Change the "Not finding what you are looking for?" texts
  
*   Changing the font for the entire Helpdesk
  
*   Hiding the the Article Popularity
  
*   Clicking on a link should open on the same page
  
*   Joining Tip Boxes
  
*   Change the URL link when clicking on the Helpdesk logo
  
*   Adding a drop-shadow to all images automatically
  
  
  

##### Removing the "Go to website" button

  
  

``` header .csh-header-main-actions-website { display: none !important; } ```

  
  
  
![](https://storage.crisp.chat/users/helpdesk/website/7c334ed5e7befc00/145d39bc-466a-4f45-ba49-36927c_1eeaaqb.png)  
  
![](https://storage.crisp.chat/users/helpdesk/website/df507a13485ae000/1692c7d6-b8a9-4391-84dc-c83dd9_5dml7x.png)  
  
  

##### Change the "Search on help center..." text

  
  

``` ```

  
  
  
![](https://storage.crisp.chat/users/helpdesk/website/ef87cdc34f479800/f12d9772-16b9-44cb-89e0-14e226_18lqe6r.png)  
![](https://storage.crisp.chat/users/helpdesk/website/a4babe5806ea9000/e7a407a4-8aa3-4194-870a-3224d3_9bn01g.png)  
  
  

##### Removing the entire Helpdesk footer

  
  

``` footer .csh-footer-ask { display: none !important; } ```

  
  
![](https://storage.crisp.chat/users/helpdesk/website/8c8f3425f034b800/246f415d-1cac-407e-9d48-8453f3_18zkhle.png)  
![](https://storage.crisp.chat/users/helpdesk/website/1ff8eb794bdc6b00/54a4d453-f681-4573-b556-665a43_1yfj5f2.png)  
  
  
  

##### Removing the "Chat" button

  
  

``` footer .csh-footer-ask-buttons .csh-button-icon-chat { display: none !important; } .csh-footer-ask-text-label { display: none !important; } ```

  
  

##### Removing the "Send us an Email" button

  
  

``` footer .csh-footer-ask .csh-button-icon-email { display: none !important; } .csh-footer-ask-text-label { display: none !important; } ```

  
  
![](https://storage.crisp.chat/users/helpdesk/website/f75254729a570800/1fc1cbce-81ed-4146-8dc6-f4ed35_1m2ewy0.png)  
![](https://storage.crisp.chat/users/helpdesk/website/a4823be626ad8800/image_3otlf2.png)  
  
  

##### Change the text of the contact us buttons

  
  

``` ```

  
  
![](https://storage.crisp.chat/users/helpdesk/website/a4823be626ad8800/image_1i89pd9.png)  
![](https://storage.crisp.chat/users/helpdesk/website/a4823be626ad8800/image_1nkphnx.png)  
  
  

##### Change the "Not finding what you are looking for?" texts

  
  

``` ```

  
  
  

##### Changing the font for the entire Helpdesk

  
  

```  * { font-family: "Open Sans" !important; } ```

  
  
  

##### Hiding the the Article Popularity

  
  

``` .csh-category-item-meta-popularity { display: none !important; } .csh-category-item-meta-separator { display: none !important; } .csh-category-item a .csh-category-item-meta .csh-category-item-meta-description { flex: 1 !important; } ```

  
  
![](https://storage.crisp.chat/users/helpdesk/website/a4823be626ad8800/image_z17zd9.png)  
![](https://storage.crisp.chat/users/helpdesk/website/a4823be626ad8800/image_1lmiedh.png)  
  
  

##### Clicking on a link should open on the same page

  
  

``` ```

  
  
  

##### Joining Tip Boxes

  
  

``` ```

  
  
  
![](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/image_vgbz.png)  
![](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/image_1b55umi.png)  
  
Note: the text should be formatted like this: ![](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/image_12tet2l.png)   
  
  

##### Change the URL link when clicking on the Helpdesk logo

  
  

``` ```

  
  
  

##### Adding a drop shadow to all images automatically

  
  

``` .csh-markdown-image img { box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 38px, rgba(0, 0, 0, 0.22) 0px 8px 12px; } ```

  
![](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/screenshot-2023-07-07-at-14541_uhiqaj.png)  
Want to use a different drop-shadow style? Don't hesitate searching some pre-made templates online such as [theses ones](https://getcssscan.com/css-box-shadow-examples).  
You can copy the styling and replace the one in the code above. Enjoy!  

Updated on: 11/03/2024