completely screwed up css!

jaychadney · Member · May 9, 2010 at 3:25 am
Copy link

Add topic to favorites
I made some changes to my ChaoticSoul css in order to get it wider than the default. I found the correct css here in a search. Then I noticed that there was a border running down the middle of my posts. Not on the front page, but every other page. I was told that the problem was with a gif image in the original stylesheet and my trying to fix it in the addendum portion wasn’t working. Sooo…
I pasted the entire original style sheet into the edit box and chose to “start from scratch”. Well that seemed to not be a great solution as I think I found out that that really isn’t “everything” that makes the site. I now reverted to the “original” version with the extra width and now there is about 2 inches of the body of the page hidden underneath the header image.
It is like it was sliced out and the rest of the page shifted up. Problem is, I see this on my 2 laptops, but my desktop appears fine (except for the bloody vertical line).
I deleted all custom css, saved it so it was back to everything original, logged out, logged in, made addendum changes and still have the problem. The “restore” to previous save seems to do nothing unless I am not knowing how to do it.
Please help a newbie.
Here is the add-on code I have now to get the page wider than default:
```
.hr {
background-color:#22201d;
border:1px solid #363430;
height:10px;
width:993px;
margin:10px 0;
}

#page {
width:995px;
margin:50px auto 25px;
padding:0;
}

#wrapper,#headerimg {
width:995px;
position:relative;
}

#header-overlay {
background:#161410 url('http://jaychadney.files.wordpress.com/2010/05/sunset-bandon.jpg') no-repeat top left;
width:995px;
height:151px;
z-index:5;
position:absolute;
overflow:hidden;
top:0;
left:0;
}

#content {
float:left;
font-size:1.1em;
width:750px;
}

body {
font:69.5%/125% 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
```
The blog I need help with is: (visible only to logged in users)
jaychadney · Member · May 9, 2010 at 3:29 am
Copy link
Sorry, my site is http://www.jaychadney.wordpress.com
thesacredpath · Member · May 9, 2010 at 4:50 am
Copy link
The problem with pasting the whole stylesheet is that the URL’s for all the images are relative rather than absolute, so when you paste the entire stylesheet, all those links to all those images that make up the them break.

At wordpress.COM, paste only the specific selectors, and the specific definitions you are adding or changing into the CSS edit window. See the following link for more information.

http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/
jaychadney · Member · May 9, 2010 at 6:23 am
Copy link
Thanks, I saw that. What I need to figure out now is how the heck to get it back to what it was before I chose to “start from scratch”. The same code I had in the edit window from before the mess-up is somehow making my site look totally messed up.
devblog · Member · May 9, 2010 at 6:29 am
Copy link
Delete everything in the CSS Editor and check the “add to existing CSS” radio button and save. That should “reset” your theme.
jaychadney · Member · May 9, 2010 at 3:09 pm
Copy link
“Delete everything in the CSS Editor and check the “add to existing CSS” radio button and save. That should “reset” your theme. “

I have done that 3-4 times, and still have the issues. I will try again.
jaychadney · Member · May 9, 2010 at 3:22 pm
Copy link
As I thought, it didn’t work. It “was”weird. My laptops showed the site with the header image gone and everything shifted up. My desktop showed the first image I used as a replacement image. Then I tried a “reset the header image” from my laptop. That worked!. It put back in the original ChaoticSouol image, then I put the new css in and all looks good on THIS laptop. I have yet to look anywhere else.
Nowww…, back to my “original problem: If you click on the YeeHaw entry or any page (About) you will see a border line running vertically where I do not want it. How to get rid of that? I used Firebug and find that it is a gif in the original style sheet and not a border. But putting a change into the css edit window such as “repeat-n” in place of “repeat-y” does nothing.
thanks.
hallluke · Member · May 9, 2010 at 3:54 pm
Copy link
Try adding the code below which will remove the background image entirely.

#wrapper {background-image:none;}

lh
jaychadney · Member · May 9, 2010 at 4:48 pm
Copy link
I like that, thanks hallluke.

No items found.