Pages on the right of the browswer

msgreenquickfixes · Member · Mar 29, 2011 at 7:03 pm
Copy link

Add topic to favorites
My blog’s additional pages (main, RSS, archive and post pages are okay) are suddenly justified to the right. How do I align them to the center of the browser?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 29, 2011 at 7:48 pm
Copy link
This is what is messing you up.
```
.attachment, .post, .page {
width: 604px;
}
```
thesacredpath · Member · Mar 29, 2011 at 7:53 pm
Copy link
Do this instead. Make sure and check all pages after doing the below change to make sure it doesn’t mess up something else.
```
.post, .page {
width: 604px;
}

.attachment {
width: 1000px;
}
```
msgreenquickfixes · Member · Mar 30, 2011 at 5:28 pm
Copy link
Thank you so much but now it’s justified left. The original code was

.attachment,.post,.page {
position:relative;
width:604px;
margin:0 auto;
}

and I changed it to what you suggested.
msgreenquickfixes · Member · Mar 30, 2011 at 5:46 pm
Copy link
Also, seems like you are a code whiz. Any thoughts on what might be wrong with the following?

My main links reverted a while back to the theme’s default (red) and not the two different green color codes here. The buttons used to be green!

At least I think this is the code that corresponds the to the page nav bar at the top!

a,a:link,a:visited {
color:#416F1E;
text-decoration:none;
}

a:hover,a:active {
color:#6BB334;
}
thesacredpath · Member · Mar 30, 2011 at 9:08 pm
Copy link
Take the following out of your CSS entirely and see if that does not correct the alignment issue on pages.
```
.post, .page {
width: 604px;
}
```
On the links, issue, and some other things as well, I’m seeing a lot of duplicate selector sections in your CSS. This is always the issue when you paste the entire CSS stylesheet into the editor and is one of the best ways to get lost, and to mess yourself up.

Here at wordpress.COM, what you want to do is to put ONLY the specific selectors, and the specific declarations you are adding or changing into the CSS edit window and make sure that “add to existing…” is selected. Doing it this way adds your CSS changes to the original CSS and your changes override the original. The other benefit of doing it this way is that it is much easier to see what you have changed.
msgreenquickfixes · Member · Mar 31, 2011 at 1:07 pm
Copy link
Thank you, deleting the code worked!

I’m such a novice, I’m not entirely sure what you mean by selectors–but I will certainly be careful with the cutting and pasting in the CSS.
thesacredpath · Member · Mar 31, 2011 at 5:59 pm
Copy link
You are welcome. For an example of what I’m talking about with the CSS, let’s suppose you wanted to change the width of a sidebar and this was the code for the sidebar that was in the original CSS.
```
.sidebar {
border-color: #CED4CA;
border-style: solid;
border-width: 1px 3px 3px 1px;
float: left;
font-size: 0.9em;
margin: 5px;
padding: 220px 15px 30px;
text-align: left;
width: 170px;
}
```
To change the width to 200px, this is what you would put into your CSS edit window.
```
.sidebar {
width: 200px;
}
```
Any declaration that you are not changing, you would not include.

No items found.