A link to your site might help…
lol…ok, duh.
Tctually the blog hank you.
http://thehandymantoolbox.com
Take a look in the upper left side, white lettering saying “The Handyman Toolbox”. I wish to place it down into the yellow measuring tape.This is actually the blog title.
Try editing style.css and changing:
#header h1 a {
background:transparent;
color:white;
}
to
#header h1 a {
background:transparent;
color:white;
display:block;
padding-left:12px;
padding-top:15px;
}
Hey Esmi…
Thanks for looking into this…
I did what you said. It looks great!
Yikes the whole page moved!!!!!
Check it out.
We got the idea… now what else can we do to just move the header (blog title)…lol
Tag, you’re it
Guru needed!
…with experience moving just the header in the blog title…
Last effort moved the whole block also….
Try editing style.css and changing:
#header h1 a {
background:transparent;
color:white;
}
to
#header h1 a {
background:transparent;
color:white;
display:block;
padding-left:12px;
padding-top:15px;
}
Take a look at the results….
header is in right place but the block moved too…too far down and left!
http://thehandymantoolbox.com
try moving the #header h1 using the margin:
#header h1{ margin: 45px 0 18px 25px; padding: 0; color: white; font-size: 24px; text-align: left}
#header h1 a {background:transparent;color:white;}
and put #header h1 a back to the original values.
margin values are in the sequence: ‘top right bottom left’.
if you don’t want to move the lower blocks, make sure that the sum of top+bottom stays constant, as in the example: it was ‘margin: 30px 0 33px 0;’ ie the sum 63px;
changed to: ‘margin: 45px 0 18px 25px;’ the sum is still 63px;
the 25px is moving the header text to the right by putting a space to the left.
PS: if you ask me:
The grafic title looks like its is glued to the top edge, and then doubled up with a text title, looks a bit too much. i would suggest to move the grafic title down onto the measuring tape, still have it clickable, and hide the text title – you can get advice for this from the forum as well.
I want to move the content block to these coordinates
30px 0 33px 0
w/o moving the h1…..
please give instructions.
Thank you for considering my request.
___________________________________________________
Also…
Will I be “in trouble” for making the h1 very very small so it does not conflict with “glued” graphic?
What about making it yellow or invisible?
Will this trick get me banned by search engines?
http://thehandymantoolbox.com
to move the header title off the view, add ‘text-indent:-9999px;’ to #header h1:
#header h1{ margin: 45px 0 18px 25px; padding: 0; color: white; font-size: 6px; text-align: left; text-indent:-9999px;}
this is a common way to ‘hide’ a header title, and does not effect SEO.
changing the font-size of #header h1 unfortunately also moves the position of the navigation – so you need to find a value that brings the nav back into place.
the main content ( actually a div #main) has a top margin of 40px at the moment – you might want to make that smaller to pull the content higher.
#main{margin: 40px 0 0 0; clear: both;}
