> For the complete documentation index, see [llms.txt](https://docs.goaffpro.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.goaffpro.com/affiliate-portal-customization/advanced-customization/add-custom-css-and-javascript-code.md).

# Add Custom CSS & JavaScript Code

**GoAffPro** provides you with the option to add custom CSS or JavaScript code to customize the affiliate portal.&#x20;

To add custom CSS or JavaScript code, go to the **Affiliate dashboard** section in the **Look and Feel** tab of the GoAffPro admin panel.&#x20;

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2Fwx5JtH6lffqzx5ep1HzR%2Fimage.png?alt=media&amp;token=2890d586-0b3d-4f75-a982-d43e7e008ffd" alt=""><figcaption><p>Look and Feel > Affiliate Dashboard</p></figcaption></figure>

#### Custom CSS Code

Here, go to the **Custom CSS Code** section. You can add CSS code to customize the affiliate portal elements.&#x20;

![Custom CSS Code](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-M5VYSStmnPe27QZypgU%2F-M5VroK8ojJjlQtu87KO%2Fimage.png?alt=media\&token=7324cbef-4d3d-4080-9e0a-e5ac98ed7f14)

{% hint style="info" %}
This custom CSS gets loaded on all portal pages (and not just their dashboard).&#x20;
{% endhint %}

#### Custom JavaScript Code

Now, go to the **Custom JavaScript** **Code** section. Here, you can add custom JS scripts to customize the affiliate portal.&#x20;

![Custom JavaScript Code](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-M5VYSStmnPe27QZypgU%2F-M5Vrt1XQwqTUqyI65-f%2Fimage.png?alt=media\&token=48580b77-35c6-4648-9dff-1405e6f81036)
