Blog Theme Width

  • Author
  • #978855

    Before paying for the custom css upgrade, I tested things out and the only thing that changed was the double line over the footer. I want to be able to change the 500px width throughout the theme to 875 to accommodate my wider art images. Below is the code I changed for that, am I missing something else?

    margin: 0 auto;
    padding-top: 15px;
    width: 875px;
    text-align: center;
    position: relative;

    font-size: 1.2em;
    margin: 10px auto 60px;
    width: 775px;
    padding: 11px 0 13px;
    color: #999;
    font-style: italic;

    float: left;
    width: 875px;
    margin-top: 8px;

    #comments h3,
    legend span{
    border-bottom: 1px solid #ccc;
    padding: 0 0 .7em;
    font-weight: bold;
    text-align: left;
    width: 875px;

    #coreContent #comments .comment .commentForm input[type=text],
    #coreContent #comments .comment .commentForm textarea{
    width: 100%;
    max-width: 875px;

    .commentForm textarea.loggedIn{
    width: 875px;
    max-width: 875px; /* Restricts the resizing capability in webkit bases browsers */

    width: 875px;
    margin: 40px auto 0;
    padding: 20px 0 35px 0;
    border-top: 4px double #ccc;
    color: #666;
    text-align: center;
    width: 875px;
    margin: 20px auto 0;
    clear: left;

    The blog I need help with is



    When I look at your code, #site-wrapper is still set to 500px. Make that change in the CSS stylesheet, save, and then preview. Write your additions to the stylesheet like this:
    #site-wrapper {width: 875px;}
    You don’t have to copy back into the stylesheet the rest of the properties from the #site-wrapper attribute. Just whatever updates you’re making.
    Good luck!


    Thank-you for this! What if I only wanted to change the header, post, and comments width, which elements change only that?


The topic ‘Blog Theme Width’ is closed to new replies.