the header height is defined in style.css:
#header {
background:url(images/header.jpg) no-repeat left top;
height:140px;
margin:0px 0 0px;
}
you can change it there.
you may need to adapt the position of you background image as well, by playing with the position numbers (coordinates relative to top/left corner):
background:url(images/header.jpg) no-repeat 0px -30px;
the blue?mark comes from the
<img border="0" src="http://nathanperkel.com/img/1pix.gif"
width="800" height="115" align="left" alt="" />
(btw: you probably need to adapt this height as well)
this ‘1px.gif’ is simply not where the src points to.
How am I supposed to know where to put this?
also, i dont see this in the css..
where is it?
also, how do i get rid of the outline around the header?
(ps, i changed the header to 100px tall, and changed the css to 100px like you suggested)
PS. this only shows up in safari..
I dont see anything in the css that contains what you mentioned, so i have included what i can find in the css that seems to pertain to my header.
Is there anything in here that needs to be changed?
#header {
background:url(images/header.jpg) no-repeat left top;
height:100px;
margin:0px 0 0px;
#headerimg {
height: 100px;
width: 800px;
color: #FFFFFF;
#headerimg h1,#headerimg .description {
position:absolute;
top:-5000px;
left:-5000px;
}
alchymyth is saying for this line
#header {
background:url(images/header.jpg) no-repeat left top;
you may need to change it to
#header {
background:url(images/header.jpg) no-repeat 0px -30px;
and then play with the numbers a bit
thanks samboll.
I changed the header size, and it seems to fit fine, now its just a matter of getting rid of that blue square and the outline around the header..
any ideas?
the blue ‘?’ and the border comes from an image that is not found,
(firefox does not show anything, IE7 shows a grey border and a little box with a red x) because the wrong path was included into this code in header.php:
<img border="0" src="http://nathanperkel.com/img/1pix.gif"
width="800" height="115" align="left" alt="" />
the actual image location is:
http://nathanperkel.com/news/wp-content/themes/minimalism/images/1pix.gif
so, you could try and edit this code in header.php and change it into:
<img border="0" src="http://nathanperkel.com/news/wp-content/themes/minimalism/images/1pix.gif"
width="800" height="115" align="left" alt="" />
Amazing!
Thank you.
Fixed it.. now im just trying to fix a few more little things:
Border between posts.
How to have my links i make in my posts be dotted underlines..
Little more help?
Thanks
for the borders under the posts, edit style.css and find:
.post {
margin: 0 0 40px;
text-align: justify;
}
for a thin grey border, change it to:
.post {
margin: 0 0 30px;
text-align: justify;
padding-bottom:10px;
border-bottom: 1px solid #ccc;
}
http://www.w3schools.com/css/css_border.asp
http://www.w3schools.com/css/css_padding.asp
those links in the post’s text:
.entry p a, blockquote a {
color: #000000;
text-decoration:underline;
border-bottom: 1px dotted;
border-bottom-color: #ffffff;
}
.entry p a:hover, blockquote a:hover {
color: #cccccc;
text-decoration:underline;
border-bottom: 1px dotted;
border-bottom-color: #ffffff;
}
.entry p a:visited {
text-decoration:none;
}
for a dotted underline, change to:
.entry p a, blockquote a {
color: #000000;
text-decoration:none;
border-bottom: 1px dotted;
border-bottom-color: #999;
}
.entry p a:hover, blockquote a:hover {
color: #cccccc;
text-decoration:none;
border-bottom: 1px dotted;
border-bottom-color: #999;
}
.entry p a:visited {
text-decoration:none;
}
http://www.w3schools.com/CSS/css_pseudo_classes.asp
there is a lot of info in this w3school.com series – for css and html
