Need help? Check out our Support site, then


How do I expand body conten width using Customize? ......without using CSS.

  1. Hello there,
    I've looked around in this forum for the past hour and could not find my answer anywhere... (more like, I couldn't understand anything that might have been the answer to my question)

    My question is actually fairly simple - most of my photos in my blog are 1024px*768px and I want them to display that way, but because the theme is set to have a 700px width body content thus all my pictures have been shrunken to that width which is too small.

    I have not purchased to edit CSS, I don't actually know too much about CSS... I have tried "Appearance > Customize" and tried changing the content width at the CSS tab, but nothing happened...

    I really don't want to venture too far into the field of CSS. I really just wanted to have a simple, pretty template to share my photos and travel journals without having to fiddle around too much with it. Please could you help?

    Many thanks.

    The blog I need help with is ydwf.wordpress.com.

  2. Sorry I forgot to mention that the theme I'm using is "Spun".

  3. You can expand the width of the main content area in the Spun theme for large displays by adding the following example to your Appearance > Customize > CSS editor:

    @media screen and ( min-width: 1324px ) {
            .site {
                    width: 1324px;
            }
            .single .content-area,
            .page .content-area,
            .search-no-results .content-area,
            .error404 .content-area {
                    width: 1124px;
            }
            .single .hentry,
            .error404 .hentry,
            .page .hentry,
            .search-no-results .no-results {
                    width: 1024px;
            }
    }

    Then update the Content Width value in Appearance > Customize > CSS to 1024.

    You do need to purchase the Custom Design upgrade in order to make it live on your site, but you can try out the example any time before purchase.

    The @media rule restricts the update to large screens so that small screens like tablets and mobile still use the built in styles for those screen sizes set by the theme.

Topic Closed

This topic has been closed to new replies.

About this Topic