Blog / home page width on Ever After theme

  • Unknown's avatar
    twistedwiredesign · Member ·

    How do I increase my home page and blog posts width to 1100 pixels? My pictures are sized to 1000 pixels, and I want them to fit inside the theme graphics, (bigger pics are better for photography). Theme is Ever After, site is http://www.twistedwiredesign.com

    I had this in the CSS customization when I had the spun theme, but it isn’t working now that I changed to Ever After. I have the blog width field populated as well, but it doesn’t seem to change the view.

    .single .content-area,
    .page .content-area,
    .search-no-results .content-area,
    .error404 .content-area {
    width: 1100px;
    }

    .single .hentry,
    .error404 .hentry,
    .page .hentry,
    .search-no-results .no-results {
    width: 1000px;
    }

    Thanks!!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    lizthefair · Member ·

    Welcome to the exciting world of CSS–it’s theme specific :)

    See if this works better for you.

    #main,#primary, #content,#page.hfeed {
    max-width: 1100px !important;
}
#description{
    margin-left: 60px !important;
}

    The images aren’t centered on the individual post pages but that might be something you can fix in the actual posts.

    I also moved your sub-title ribbon over a bit as it didn’t move with the rest of the header. I eyeballed the center, so you may want to adjust it a bit.

    Let me know if this works out for you!

  • eurello · Staff ·

    Another option, if you want your content to be really wide, is to just do: 

    #page {
max-width: 100%;
}

#content {
max-width: 100%;
}

    If you just want 1100px, though, Liz’s suggestion looks great (note that it sticks without the !importants so you don’t even need those). ;)

    Incidentally, the content width setting beneath the CSS editor applies only to the max width allowed for images and other media — it doesn’t adjust the width of your entire content area, but of course you can do that with CSS. :)

  • The topic ‘Blog / home page width on Ever After theme’ is closed to new replies.