function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Lee.ax1423Lee.ax1423 

Applying styles for Force.com sites pages

Hi....

I have created site in force.com sites....It's looking good in chrome and firefox browsers but when coming to IE the syles are not applying i am not getting why this will be happened.

My css code is:-

  .sidebar { margin: 0px 0px 0px 25px; } .sidebar h99 span1{ background:#00AEEF; color:#fff; width:200px; text-align:left; font-family:Comic Sans MS; font-size: 18px; font-weight:bold; }

 

body{ background:#F4F7F3 repeat-x top; font-size: 45%; font-family: Comic Sans MS, Georgia, Times, serif;
margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;}
1a{ color:#32780E; text-decoration: none; }
a{ color:#15769A; text-decoration: none; }

.pagespot {
    padding: 10px 20px;
    margin: 0px 0px 0px 0px;
    background: white;
    
}

 

and i called this styles in my pages like this..

 

<link href="{!$Resource.SiteCss}" rel="stylesheet" />

 

can anyone help me how to solve this and how to write global css for all the browsers..

Thanks,

colemabcolemab

Please see the documentation here.

try using something like this instead:

<apex:stylesheet value="{!URLFOR($Resource.style_resources, 'styles.css')}"/>
colemabcolemab

Also, don't forget to make your CSS / static resource "Public" instead of private.