I can’t remove these white lines in the middle of my theme
-
I love the last one with the darker grey line, that looks really good :D
And no worries, I couldn’t get on anyway, wordpress seemed to be down for an hour, it just had that ‘we will be back soon’ message so nothing was accessible anyway :) You are incredibly kind to do all of this for me!
-
Sitting here looking at the two, I think my preference is to let the sidebar flow all the way to the bottom and center the footer text under the content.
-
OK, I’ll put the code together for the line. It’s one of those things I could go either way on. In designs, I’ve done it both ways and it works.
Here is the link to the new background image I did for the content/sidebar area. Download it to your computer and then upload it to your media library and keep the URL from your media library handy so you can insert it into the code I give you.
-
I forgot the link to the image: http://flippintestblog.files.wordpress.com/2010/06/bg-img.jpg
OK, #page should now look like the following. Replace the image URL in the background declaration with the URL from the uploaded image in your media library.
#page { background:#ffffff url('http://flippintestblog.files.wordpress.com/2010/06/bg-img.jpg') repeat-y top center; width:810px; }Add the following to #footer
border-top:1px solid #CCCCCC;That should do it.
-
-
I should note that if you try to view that image above in a browser window, you aren’t going to see much since it is only 1px tall and 810px wide, but it is there.
-
-
How do I save the image? When I open it I can’t seem to find the right spot on it to right click and save lol and I can’t save it from right clicking the link either. Is there another way?
-
From your browser file menu, just select save as and then save it to your desktop or wherever you wish to save it.
-
-
-
Hmmm, OK replace all your CSS with this which I just copied out of my test blog
#page { background:#ffffff url('http://flippintestblog.files.wordpress.com/2010/06/bg-img.jpg') repeat-y top center; width:810px; } #header { background:none; width:810px; height:192px; padding:0; } #headerimg { background:transparent url('http://flippintestblog.files.wordpress.com/2010/06/cropped-raindrops-of-sapphire-logo-2.jpg') no-repeat scroll center top; width:810px; margin:0; } #sidebar { margin-left:595px; width:215px; } #sidebar ul,#sidebar ul ol { margin:0 0 0 10px; } #footer { background:#ffffff; width:810px; border-top:1px solid #cccccc; } .narrowcolumn { width:500px; }Then replace my URL with yours in the #page background declaration (the one where it says http://…
-
YAY! It worked :D Thank you :D That’s wonderful! It’s all perfect now!
This can be figured out another time but is there a way to get a dark grey border around my whole blog? The thin dark grey line that goes around the whole box area of my blog? It’s there at the moment, it’s like it neatens up the edges if you know which border I mean, or maybe it’s a margin, I’m not sure what it’s called but it’s the thin grey line around everything :)
-
-
-
I can’t see a test blog but yeah, it’s the grey line on the very far left of the main content column going up vertically then it goes horizontal across the top of the header and then it goes down vertically on the far right of the side bar, it’s like a border encasing the blog and making it look like it has finished edges :) Does that make sense?
-
-
I can’t view it just yet as wordpress keeps giving me this message but I will keep trying :)
Oopsie! We detected a problem. Don’t worry: we’re fixing it right now.
-
- The topic ‘I can’t remove these white lines in the middle of my theme’ is closed to new replies.

