+ Start a Discussion
Sanchivan SivadasanSanchivan Sivadasan 

Why is Visualforce page style affecting header and sidebar style?

Hi there,

I have a custom Visualforce page which is all html with styling and format to this site: (http://www.salesforce.com/products/30daytrial/pe-getting-started.jsp). This seems to affect the header and sidebar of the salesforce when I go to that page. Why is this happening? What can I do to fix this? Thanks.

Crystal Rochlitz 4Crystal Rochlitz 4
Assuming that you are using css to style your page, one solution that seems to be fairly popular is to pre-append your css tags with another wrapper, then wrap your page in a div that calls that wrapper's style. This helps to ensure that only the elements contained within that div are affected by your custom styling. This post: http://salesforce.stackexchange.com/questions/37056/bootstrap-css-is-not-working-having-showheader-true focuses on the same problem using bootstrap, but the concept is the same. There is also a youtube video that covers it, but I can't remember what it was called. Hope that helps. :)