Need help? Check out our Support site, then


content width in css edition pane kind of wonky?

  1. I'm trying to change the content width of my theme (Scrollider Express). When I type in the width it overlays with the "px" already present in the box.

    http://note.io/1hqqrDQ

    (I think this is more of a wpcom issue than theme, but let me know if it's a theme bug.)

    The blog I need help with is communityblog.phonak.com.

  2. Thanks for reporting this.

    I just tested with the Twenty Fourteen theme and saw the same problem, so it's not specific to your theme. I reported the issue to our developers and they will take a look the next time the CSS editor feature is worked on. In the mean time, I tested to make sure saving the setting still works and it does. If you're having trouble saving the setting, let me know. Otherwise, we can just wait for the developers to review this one when they get a chance.

  3. Hi there, I was looking around for a solution to my problem and found this. This is exactly what I'm having trouble with at the moment, I want the content width of the main body to be wider - the number and the "px" overlaps and even when I saved it it makes no difference to the theme, is this normal with particular themes or is it to do with the overlapping...? The theme I'm using is Spun.

  4. Hi @ydwf, you are using a different theme (Spun), and that setting is only to tell the WordPress and theme software what the new maximum width of the content area is. You have to use CSS to change the width of the theme and the width of the content area, and then set the "Media Width to match the new width set in the CSS.

    I see only one site linked to your username, http://ydwf.wordpress.com, and see you do not have the Custom Design upgrade for your site.

    You can try out the following custom CSS by going to Appearance > Customize and then click on Custom Design and click on the Try button. Then click on the CSS button, delete all the informational text and paste in the following CSS and you can preview the change.

    .site {
        max-width: 1200px;
    }
    .single .content-area, .page .content-area, .search-no-results .content-area, .error404 .content-area {
        width: 100%;
    }
    .single .hentry, .error404 .hentry, .page .hentry, .search-no-results .no-results {
        width: 100%;
    }

    You can then set the Content Width to 1000px.

    The above widens your images by 200px to 1000px (as long as they are that width or wider when inserted.

    To be able to save and apply the above changes, you will have to buy the Custom Design Upgrade.

  5. Hi @thesacredpath, thanks so much for you help, it looks exactly like what I wanted it to look like now (only in the preview...) I might consider buying the upgade then.

    Also, is 1000px the maximum width or can I go wider? I've tried changing it to the exact sizes of the photos which is 1024px but it doesn't seem to like that number? (shrunk the photos back down to 1000px)

    Thanks again.

  6. No, it can be made wider than 1000px in overall width. The following adds 24px to the overall width so that images can be 1024px in width in the posts and pages. I slightly modified the top .site rule.

    .site {
        max-width: 1224px;
        width: 100%;
    }
    .single .content-area, .page .content-area, .search-no-results .content-area, .error404 .content-area {
        width: 100%;
    }
    .single .hentry, .error404 .hentry, .page .hentry, .search-no-results .no-results {
        width: 100%;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic