I am working on customer portal.

I have created Narrow (left) Home page component. I want to increase it's width.

How can i do this.?

  1. create an HTML file and insert it into your org as a Document:

      table#bodyTable td#sidebarCell {
        width:400px; /* override the default sidebar width of 200px */
      table#bodyTable td#sidebarCell div.sidebar {
        width:auto; /* allow narrow components to occupy the newly available space */
  2. go to Setup > Customize > Customer Portal > Settings

  3. under Look and Feel > Header, select your document :-)

The chained #id selectors may appear superfluous at first. They are necessary to increase the specificity of the selector, so that your rule overrides the built in styles. Avoid !important.

sidebar override

  • Thnks @user320. – Pankaj Mar 16 '13 at 10:35
<iframe src="/apex/Page" allowtransparency="true"  marginwidth="0" marginheight="0" 
    hspace="0" vspace="0"  ="" scroll="No" align="top" frameborder="0" height="180px" 
<style type="text/css">
  h2 {color:white !important;}
  .sidebarCell {width:250px !important;} 
  #sidebarDiv{width:250px !important;} 

I implemented this by overriding style of sidebar component.

  • 2
    You should mark user320's answer as a solution, so you will help other users :) – PepeFloyd Mar 18 '13 at 12:43
  • 1
    Done!!!!!!!!!!! – Pankaj Mar 19 '13 at 5:56

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.