Your tagline is controled by this section of your stylesheet:
.description {
font-size: 1.2em;
text-align: center;
}
Add something like this margin: 50px 0px 0px 0px;
In order thoses margins are top, right side, bottom, left side.
Your hover and link color is in this section:
a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}
a:hover {
color: #147;
text-decoration: underline;
}
thanks a tone! you and everyone else who has help answer my questions in the past are really helping me get my wordpress blog looking better. 😀
Ah, I ran into a problem when adding a margin for the tagline. right now I have a bg image in my header. and when I added a top margin for the tagline, it lowered the line, but it also lowered my bg image. is there a way to only change the tagline?
can someone help me out with the post above? its moving the entire header image instead of just the tagline.
Add a margin to .description, and yes, it pushes everything down.
To counter that, add the same margin – but a negative one – here:
#headerimg {
margin-top: -50px;
I can’t be more precise as the webdev tool I use blanks most of your page, but make that change and we’ll go from there.
that doesn’t seem to be working. I added the margins jsut as you explained, but tagline is still at the top, instead of 67px margin, which is what I need. sorry if I’m being stupid here, but I’ve been reading over the css for so long and I still can’t figure it out.
It’s not you – the underlying css is being obtuse, and the fact that as son as I open the webdev bar everything goes white does not help. It is as annoying here.
Unless someone comes along who likes this css, I’d suggest:
– make the tagline part of the graphic
– create a completely separate horizontal bar for the tagline.