# Customizing clients portal **URL:** \ **Category:** Project Manager\ **Tags:** crm\_code, customer\_portal\ **Created:** [June 4, 2021, 7:56am UTC](https://community.sitejet.io/t/customizing-clients-portal/230 "2021-06-04T07:56:45Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 4, 2021, 7:56am UTC](https://community.sitejet.io/t/customizing-clients-portal/230/1 "2021-06-04T07:56:45Z")
Hi! how do you guys modify your clients portal? I would like more than just my logo. I would like to change the sitejet’s colors and buttons to make it more personally branded. Did anybody tried that ? ---
**Author:** ![DavidL](https://avatars.discourse-cdn.com/v4/letter/d/ecc23a/32.png) [@DavidL](https://community.sitejet.io/u/DavidL)\ **Post date:** [June 4, 2021, 11:47am UTC](https://community.sitejet.io/t/customizing-clients-portal/230/2 "2021-06-04T11:47:24Z")
Hi, Yes, you just need to create a CSS file using the classes for the colours or whatever. In the custom of your profile just add: \ by hosting on the Sitejet or external server ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 4, 2021, 1:47pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/3 "2021-06-04T13:47:57Z")
Oh great but how do you target those selectors ? Is there a doc about them or do you just inspect the page? And for the file? You host it in your media library ? ---
**Author:** ![DavidL](https://avatars.discourse-cdn.com/v4/letter/d/ecc23a/32.png) [@DavidL](https://community.sitejet.io/u/DavidL)\ **Post date:** [June 4, 2021, 2:37pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/4 "2021-06-04T14:37:48Z")
I personally inspected the page and copied the classes I added this file on an external server but maybe do as indicated on the Sitejet help: [Add a robots.txt file - Sitejet Help](https://help.sitejet.io/article/740-add-robots-txt) ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 4, 2021, 3:06pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/5 "2021-06-04T15:06:01Z")
Thanks I will try this! ---
**Author:** ![Kamil](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kamil/32/94_2.png) [@Kamil](https://community.sitejet.io/u/Kamil)\ **Post date:** [June 4, 2021, 3:56pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/6 "2021-06-04T15:56:33Z")
Thanks @DavidL for sharing this. I just made a dark mode customer portal 😁 Also, I use stylebot chrome extension to change page style instead of inspecting page. It’s saves a lot of time. Once I finished with styling, I just download css and upload to bunny storage. ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 4, 2021, 5:04pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/7 "2021-06-04T17:04:56Z")
Oh great idea! Thanks for sharing this! Could you share your css file so I can get some inspiration? ---
**Author:** ![Kamil](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kamil/32/94_2.png) [@Kamil](https://community.sitejet.io/u/Kamil)\ **Post date:** [June 4, 2021, 6:11pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/8 "2021-06-04T18:11:49Z")
Here is basic styling for [dark mode](https://icedrive.net/0/b1m19s8PFk). Still needs work on the input fields and buttons. Will try to play more during the weekend and maybe upload another version. ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 4, 2021, 6:29pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/9 "2021-06-04T18:29:04Z")
Thanks a lot Kamil, I will try to use this as an example ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 4, 2021, 6:39pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/10 "2021-06-04T18:39:23Z")
Ok, I did add the code you told me to but I get a \* INVALID HTML FOR THE BLOCK message when saving. What exactly do you add in those code part? Sorry to bother you but there is no indication… ---
**Author:** ![Kamil](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kamil/32/94_2.png) [@Kamil](https://community.sitejet.io/u/Kamil)\ **Post date:** [June 4, 2021, 6:46pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/11 "2021-06-04T18:46:00Z")
It should be exactly like this, just change your css URL: `` ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 4, 2021, 6:52pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/12 "2021-06-04T18:52:21Z")
> [@Kamil](#): > This one is working thanks a 1000 times !!! ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 4, 2021, 7:24pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/13 "2021-06-04T19:24:56Z")
That is the kind of mood I’m trying to add. let me know if you have another version more complete !! ---
**Author:** ![Kamil](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kamil/32/94_2.png) [@Kamil](https://community.sitejet.io/u/Kamil)\ **Post date:** [June 4, 2021, 7:50pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/14 "2021-06-04T19:50:09Z")
Will do👍 I will post it tommorow most likely ---
**Author:** ![Kamil](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kamil/32/94_2.png) [@Kamil](https://community.sitejet.io/u/Kamil)\ **Post date:** [June 5, 2021, 11:20am UTC](https://community.sitejet.io/t/customizing-clients-portal/230/15 "2021-06-05T11:20:13Z")
[here](https://icedrive.net/1/b2FLPpQ9Uw) is new version and some screenshots on how it looks. If I missed something let me know. ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 5, 2021, 3:17pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/16 "2021-06-05T15:17:36Z")
I love it !!! Thanks a lot… Are you planning to adapt it to the partner part ? That would be awesome !! And the feedback left panel is not adapted yet ---
**Author:** ![zachary](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/zachary/32/26_2.png) [@zachary](https://community.sitejet.io/u/zachary)\ **Post date:** [June 5, 2021, 3:47pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/17 "2021-06-05T15:47:50Z")
Wow, loving seeing this dialogue and learning from it! Thank you @Kamil for the sharing! ---
**Author:** ![Kamil](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kamil/32/94_2.png) [@Kamil](https://community.sitejet.io/u/Kamil)\ **Post date:** [June 5, 2021, 5:31pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/18 "2021-06-05T17:31:08Z")
I have uploaded new version. Check it out and let me know if it’s OK. Don’t know yet for the partner, I will let you know soon. ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 5, 2021, 8:52pm UTC](https://community.sitejet.io/t/customizing-clients-portal/230/19 "2021-06-05T20:52:34Z")
Thanks a lot ! I’ll test that tomorrow but that would be nice to have it for partner interface too. If you feel like waisting another hour for us 😉 ---
**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\ **Post date:** [June 6, 2021, 10:45am UTC](https://community.sitejet.io/t/customizing-clients-portal/230/20 "2021-06-06T10:45:49Z")
It’s perfect now… Thanks a lot for this. I prefer it compared to the original one. I love dark modes. If you need help for the partner part, let me know 😉 [Next page](https://community.sitejet.io/t/customizing-clients-portal/230.md?page=2)