I know that this question has already been asked before but none of these solutions does work for me.

So i have page like this

<apex:page standardStylesheets="false" showHeader="true" sidebar="false".../>

Note: i set showHeader="true" intentionally because i need it.

where i apply following styles

<apex:stylesheet value="{!URLFOR($Resource.resources, 'bootstrap/css/bootstrap.min.css')}"/>
<apex:stylesheet value="{!URLFOR($Resource.resources, 'fontawesome/css/font-awesome.min.css')}"/>

The problem is that salesforce stylesheets override bootstrap stylesheets. And for example my button always looks ugly(IMHO). I have already tried scoped styles(<style scoped> ...</style>) and manually adding link tag to DOM with javascript but it had no effect.

I can't stand it anymore. Anybody please help me. Thanks in advance

2 Answers 2


Switch off the showHeader. This will switch off the Salesforce stylesheets by default.

Switching off standardstylesheet without switching off showHeader will still apply the style sheets.

Hope it helps.

  • Unfortunately i need the header.
    – Dmytro
    Jun 27, 2015 at 19:26
  • Then inline CSS can do the trick. It always worked for me. But with bootstrap I don't think so. Jun 27, 2015 at 19:28
  • Yes, i have already tried inlining but it doesn't' work.
    – Dmytro
    Jun 27, 2015 at 19:29

I Found some similar posts with interesting answers:-

How to ignore Salesforce CSS on VF Page (with header)
How to change the header style for salesforce standard pages

If this helps,Please upvote!!



You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .