[thomasjmoore]

thomasjmoore

#6058

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

[Kenneth John Odle]

Kenneth John Odle

#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.

[thomasjmoore]

thomasjmoore

#33234

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;

}

[Syahir Hakim]

Syahir Hakim

#33235

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.

[thomasjmoore]

thomasjmoore

#33236

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/

[Syahir Hakim]

Syahir Hakim

#33237

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;

}