3

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

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 '15 at 19:26
  • Then inline CSS can do the trick. It always worked for me. But with bootstrap I don't think so. – Vigneshwaran G Jun 27 '15 at 19:28
  • Yes, i have already tried inlining but it doesn't' work. – Dmytro Jun 27 '15 at 19:29
1

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!!

Thanks,
Vikas

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.