Return to Support

Formatting Posts vs. Pages

Home Forums Graphene WordPress theme Support Formatting Posts vs. Pages

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6058
    thomasjmoore
    Member

    I’m a bit confused. I made some changes to what my posts look like but it affected what my pages look like as well and I can’t compensate so they both look the same. Specifically, there’s something going on that’s making my pages jut out on the right hand side, but not my posts. Please take a look at my main page:

    http://www.thebattlenow.com/

    and then the other page:

    http://www.thebattlenow.com/index.php/about-2/

    Where is the CSS line that can make my page look the same as my post?

    Thanks for your help,

    Thomas

    #33233

    Moved to Support. Please post in the correct section next time.

    Quote:
    I made some changes to what my posts look like

    Help us to help you and tell us what those changes are.

    #33234
    thomasjmoore
    Member
    Quote:
    Moved to Support. Please post in the correct section next time.

    Help us to help you and tell us what those changes are.

    Sorry about that!

    The changes I made were in the #content .post section of the styles.css

    .post {
    background: #fff;
    border-bottom: 1px solid #ccc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #d8d8d8;
    margin: 0px 50px 15px 0px;
    overflow: visible;
    padding: 25px 75px 20px 85px;
    position: relative;
    width: 800px;
    }

    #33235
    Syahir Hakim
    Keymaster

    Please put code in between backtick (

    Code:
    `

    ) characters. It’s usually located above the Tab key on your keyboard.

    As for your question, the .post class is used for both posts and pages. To affect just the posts, use .type-post instead.

    #33236
    thomasjmoore
    Member
    Quote:
    Please put code in between backtick (`) characters. It’s usually located above the Tab key on your keyboard.

    As for your question, the .post class is used for both posts and pages. To affect just the posts, use .type-post instead.

    That’s what I thought, but when I make these changes it effects the posts and pages differently. Please look at the following two links and notice the margin/padding on the right hand side. The second link shows a page (this is the same with all pages) where the text box goes out farther than the template width (920px).

    http://www.thebattlenow.com/

    http://www.thebattlenow.com/index.php/about-2/

    #33237
    Syahir Hakim
    Keymaster

    That is because there are other overriding CSS codes that control the width of the page. Use the Firebug to view which CSS code is having the final effect on the element.

    In this case, the overriding CSS declaration for that particular page is this:

    .one-column .post.nodate {
    width: 930px;
    }

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.