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
raj161raj161 

Portal CSS not getting overridden

Hi,

I am building a customer portal and customizing the css. I made a custom css and kept in the Header and Footer of the page so the standard css of salesforce css would get overridden and the portal would look like as company's style.

 

But few of the styles are not getting overridden. Most of the styles are overridden but few are still coming from portal.css file. I am not sure how can I override all the css styles.

 

This is the style that I am getting an issue with.

 

.bPageBlock, .individualPalette .bPageBlock {
}

 

This style is used in most of the places but when this is used at

"My Recently Updated Cases" section , I am getting the style from portal.css file itself rather than header or footer.

 

Any suggestions?

 

Thanks

Raj

 

blombardisblombardis

Hi Raj,

 

With the information you provided I can only give you some suggestions.

 

You can inspect your page with firebug to find wich css styles are getting overridden and wich not.

Then define all the css styles in your page with "!important" (eg. height:36px!important;)

If this doesn't work you can use jquery to force styles.

Eg. 

 

$('.myElementClass').css('text-align','center');

Hope this helps,

Bruno

 
raj161raj161

Thanks Bruno.

 

I tried the "!important" before also but it didn't work out. Now tried the Jquery, still it's not working.

The most wierd part is the color in the Portal is not specified any where in the portal colors. I think this is a bug.

 

 

Raj