remove border around kubrick theme

schenkelstegman · Member · Jul 30, 2009 at 7:54 pm
Copy link

Add topic to favorites
Hi,

I am using the Kubrick Theme and have upgraded so that I can edit the CSS. my blog is here: http://schenkelstegman.wordpress.com

I want there to be no border around the inner content box.

I already figured out how to get rid of the white border of the header that I customized by removing the margin of the header image…

#headerimg {
height:192px;
width:740px;
margin:0;
}

YET, there is still a small white border around the header. how do i get rid of it completely so there is no white space between the orange header and the black background?

and then how do I remove the white border from the rest of the page, and have them align like they were before?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 30, 2009 at 8:15 pm
Copy link
You will have to make three modifications to your CSS, or add these to the bottom of your CSS:
```
#page {
background: none;
}

#header {
background: none;
background-color: white;
}
```
thesacredpath · Member · Jul 30, 2009 at 8:18 pm
Copy link
On your header image, you are going to have to modify it in an image editing program and make it exactly 758px wide x 198px high. Your current image is 740px x 192px. Upload the new image to the media library and then replace the URL in #headerimg with the new URL.
schenkelstegman · Member · Jul 30, 2009 at 8:23 pm
Copy link
Ah, perfect! Thanks so much, that worked really well, I applied the same thing and made it for the footer too.

Why does the top header still not fit to the inner white background? Do I need to make the inner white box a smaller width or is the header the problem now?
thesacredpath · Member · Jul 30, 2009 at 8:25 pm
Copy link
See my post right above yours.
thesacredpath · Member · Jul 30, 2009 at 8:25 pm
Copy link
And, you are welcome.
schenkelstegman · Member · Jul 30, 2009 at 8:26 pm
Copy link
Haha, excellent. Thank you so much for your help!!!
schenkelstegman · Member · Aug 3, 2009 at 3:21 pm
Copy link
so… why is there still that little glich on the right hand side.. it seems like it’s repeating itself? however even when I make the image bigger it doesn’t seem to change it on the page. also, the way I have it in my jpeg file, the titles should match up with the titles on the blog page, but they don’t. any idea why this is happening?

http://schenkelstegman.wordpress.com/
thesacredpath · Member · Aug 3, 2009 at 3:46 pm
Copy link
You have #header set at a width of 758px and #headerimg set to a width of 740px and #page set to a width of 760px. And again, as I mentioned before, your header image is only 740px x 192px.

You need to go through this stuff and get the widths right and consistent, and you then need to upload an image that is correct in size. Pick a width – any width – and then make it consistent.
schenkelstegman · Member · Aug 3, 2009 at 4:12 pm
Copy link
yeah, i did notice that. the problem is using the custom header setting in the Kubrick, i think it works okay now though. what do i need to edit to get rid of the border when i click on the link to the specific blog post page?
thesacredpath · Member · Aug 3, 2009 at 5:17 pm
Copy link
Don’t use the custom header upload. It does not work correctly once you get the CSS upgrade.

Upload the image to the media library, copy the URL of that image and paste it into the proper place in the CSS.

Also, if you had a custom header uploaded before the CSS upgrade, go to the custom header page and do a reset back to the original header.

No items found.