The Community Forums

Interact with an entire community of cPanel & WHM users!
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Change default overall page width

Discussion in 'User Experience' started by BobbyDouglas, Jan 6, 2008.

  1. BobbyDouglas

    BobbyDouglas Active Member

    Joined:
    Jan 22, 2005
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    The default width for the main cpanel x3 page is around 800 px wide. I would like to change this to be a higher value, where do I go to do this? This is for the default skin.
     
  2. Infopro

    Infopro cPanel Sr. Product Evangelist
    Staff Member

    Joined:
    May 20, 2003
    Messages:
    14,461
    Likes Received:
    195
    Trophy Points:
    63
    Location:
    Pennsylvania
    cPanel Access Level:
    Root Administrator
    Twitter:
    Unless you clone the theme (via WHM) any changes you make will be wiped out next cPanel upgrade.
     
  3. BobbyDouglas

    BobbyDouglas Active Member

    Joined:
    Jan 22, 2005
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    What about swapping out the images and such? Are those overwritten too?

    If I clone the skin, make the hard coded change somewhere in the HTML to change the width, when cpanel updates, my skin may break something, right? Or at least require me to reskin it in order for the skin to work with the update.
     
  4. cPanelDavidG

    cPanelDavidG Technical Product Specialist

    Joined:
    Nov 29, 2006
    Messages:
    11,279
    Likes Received:
    8
    Trophy Points:
    38
    Location:
    Houston, TX
    cPanel Access Level:
    Root Administrator
    In the branding editor, change the CSS and for #cpanel set width:1024px; or whatever you desire. Note, the default width is 763 pixels, not 800 - you may wish to keep that in mind when performing your resizing.

    This eliminates the need for a separate theme. Also, if you want this in all your styles, just do the same thing to the other styles.
     
  5. BobbyDouglas

    BobbyDouglas Active Member

    Joined:
    Jan 22, 2005
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    The CSS file for the default skin only has the background set.
     
  6. cPanelDavidG

    cPanelDavidG Technical Product Specialist

    Joined:
    Nov 29, 2006
    Messages:
    11,279
    Likes Received:
    8
    Trophy Points:
    38
    Location:
    Houston, TX
    cPanel Access Level:
    Root Administrator
    Correct, what you're going to do is override the default CSS that skin comes with. Here's what my CSS looks like for the style I am using (after editing in my CSS code):

    Code:
    body { background-color: #E6E6E6 }
    
    #cpanel {
    width: 1000px;
    }
    
    If you are using Firefox and find yourself wanting to know more about the CSS of cPanel themes, there's a nifty add-on called Firebug you may wish to use. With that, you can click on "Inspect" and you can mouse over any portion of the interface and the add-on will tell you what CSS is applied to what you are looking at.
     
    #6 cPanelDavidG, Jan 7, 2008
    Last edited: Jan 7, 2008
  7. BobbyDouglas

    BobbyDouglas Active Member

    Joined:
    Jan 22, 2005
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    Thanks! I assumed that since it wasn't set in that cpanel skin (while it is set in others), that it was an option I couldn't change. I was, however, able to change it.

    :D
     
Loading...

Share This Page