[SalesForce] Customizing CSS for Chatter and Repoerts & Dashboards

I need to override the css styling of the user profile page. The overriding of css is mostly stuff like changing page background color from blue to red, changing page font to Verdana 9pt etc.
enter image description here

I have already done sfdc css overriding using custom component with custom css attached to the left sidebar. See following image for example.
This the way I want to make the user profile page look like

However few of the sfdc pages in the org do not have left sidebar or right side bar div's, like chatter, user profile etc. I want to know if anyone has ever tried customizing css for these pages.

Another solution that I can think of is creating vf pages for showing user profile and redirecting the user to that vf page instead of the standard user profile page, but I dont know how this can be achieved or is it even possible.

Help is much appreciated.

Best Answer

Disclaimer, I did not test this. And this is totally against the recommendations of salesforce as HTML on page can change due to many factors.

You can try adding your CSS file as a document file and then inserting it as a logo for the app.

enter image description here

enter image description here

Related Topic