Try putting this at the end of your style.css:
.header {
text-align: center;
}
Thread Starter
nevis1
(@nevis1)
Nope, sorry but that did not work. Thanks for the input though. 🙂
How about a link?
I’d go and search for the tiga theme, download it and search through the files, but frankly, you ain’t pretty enough.
In your CSS:
/****************************************************
/* Header */
/****************************************************
.header {
border-color:#293F5E;
background-color:#F8F7EF;
height:120px;
text-align: center;
<—- add that
background-image:url("images/header4.jpg");
background-repeat:no-repeat;
background-position:left;
border-style:solid;
margin-bottom:5px;
border-width: 1px;
padding-left:10px;
}
It works for me using the web-dev extension in firefox just fine. It moved right over.
nice header image btw, I like.
Thread Starter
nevis1
(@nevis1)
Thanks whooami. I don’t know what I am doing wrong, but when I pasted that line in, nothing happened. I gave up on that idea have spent way too many hours fooling around with that. I have since added the text centered in my image using grpahics…I am much better with that at any rate.
I went into the Dashboard, then chose options, general options. Now all I have to do is figure out how to get a title back in my browser window, and make the image clickable. Open one can of worms and find two more. LOL
Someday somebody will come up with a WYSIWIG editor for WP and make a mint!
Thanks for trying though, and thanks about the header image..did that all on my own..maybe I should stick to graphics 🙁
If you want to stick to graphics =) and get rid of the text link in header and make the whole image be clickable, then you might try adding this to your CSS.. it works in the way I included it in mine anyway =)
#header a {
display:block;
height:100%;
text-indent:-500em;
text-decoration:none;
}
That should make your whole header image a clickable link and remove the blog name and tagline text. If for some reason it’s not centering for you like it was borked for me in Firefox till I figured it out.. Now I’ve never used your theme, but you might try adding this to your css.. it worked for me in mine. Here’s example from yours:
.header {
border-color:#AAAAAA;
background-color:#F8F7EF;
margin: 0 auto; <–ADD THIS BOLD LINE
height:124px;
background-image:url("images/header-bg.jpg");
background-repeat:repeat-x;
background-position:center;
border-style:solid;
margin-bottom:5px;
border-width: 1px;
padding-left:10px;
}
Not sure if it’s gonna be helpful, but I hope so.