setting a custom width per post?

  • Author
    Posts
  • #45687

    deroesi
    Member

    i would like to set the width of certain blog posts (like for example for the “about” page -> would be nice to have it twice as wide..)

    video,image,link posts already have custom widths so it has to be possible somehow?

    thanks!

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

    #45939

    tollmanz
    Member

    Hi there!

    I do not know if this is possible. I will ask a WordPress.com staff member to address this question for you as s/he will know for sure.

    #45951

    kathrynwp
    Staff

    Hi there, you can usually target individual posts or pages by using the post or page’s unique body class.

    For example, the About page has the unique class page-id-15 – which you can see by viewing the page source and finding the <body> tag:

    <body id="home" class="page page-id-15 page-template page-template-no-sidebar-page-php logged-in admin-bar no-customize-support custom-background mp6 typekit-enabled theme-menu-maximized highlander-enabled highlander-light custom-colors">

    Look for the class with the unique ID.

    You normally would be then able to target that class with CSS aimed at that specific page, for example:

    .page-id-15 .shelf {
       width: 1500px;
    }

    The problem in this theme is that there is some inline CSS that overrides anything in your custom CSS.

    <div class="shelf" style="width: 840px;">

    tollmanz – could that inline style be moved into the theme’s stylesheet instead, to allow this sort of user tweak?

    #45956

    tollmanz
    Member

    Hi Kathryn!

    Thanks for the help! I will have Scott take a look at this as he is better suited to answer the question.

    #45957

    scottrrollo
    Theme Author

    Thanks for your help, Kathryn!

    @deroesi Adjusting your post or page width is a bit tricky. You’ll want to override Shelf’s ‘shelf’ width:

    .shelf {
        width: 1200px !important;
    }

    Then, you can adjust the width of your About page:

    .page-id-15 .post-15 {
        width: 650px;
    }

    Please try this and let us know if you hit any problems.

    #45978

    deroesi
    Member

    wow, thanks everybody!

    i had to set the shelf width to 10000px (or the posts appeared vertically) – i hope thats ok and not causing any troubles on other browsers/platforms?

    the reflection of the post doesnt get scaled to the same width, is there are way to adjust this aswell?

    thanks!

    #45999

    scottrrollo
    Theme Author

    Hello again! You’re welcome!

    When modifying any of Shelf’s default styles, it’s possible that some display bugs are introduced. Testing these changes, though, goes beyond the level of support we can provide in these forums.

    The reflection cannot be resized. If you’d like, you could try hiding this background instead:

    article {
        background: none;
    }

The topic ‘setting a custom width per post?’ is closed to new replies.