In your style.css file, find the rules for #headerimg (around line 42) and change the width to 100%, so that rule will read like this:
#headerimg {
float: left;
background: url(images/headerimg.jpg) no-repeat right bottom;
height: 70px;
padding: 20px 50px 0 0;
width: 100%;
text-align: center;
}
Then find the rule for #header h1 (around line 51) and remove the width rule, or change the width to 100%, so that it reads like this:
#header h1 {
width: 240px;
height: 30px;
overflow: hidden;
text-align: center;
width: 100%;
}
And that will do it.
Thank you bgentry!
I was able to do the first one you gave me to change the width to 100% but the second part you gave me is reading like this after I get to #header h1 …
}
#header h1 {
width: 240px;
height: 30px;
overflow: hidden;
}
So what should I do?
Or should I type in the last 2 lines?
Oops, sorry, I forgot to make the change in the #header h1. You can delete the width line entirely, or replace it with width:100%, so it could read like this:
#header h1 {
height: 30px;
overflow: hidden;
}
or this:
#header h1 {
width: 100%;
height: 30px;
overflow: hidden;
}
Happy to help. 🙂
Lol no worries but I did do that now and it still hasn’t moved but now it does look like this in my style css
}
#headerimg {
float: left;
background: url(images/headerimg.jpg) no-repeat right bottom;
height: 70px;
padding: 20px 50px 0 0;
width: 100%;
text-align: center;
}
#header h1 {
height: 30px;
overflow: hidden;
}
Did I do something wrong?
Have you re-loaded your page? When I went and looked at your site again, it was not centered, but once I reloaded the page (as Yoda would say), “centered, it was.”
(Sometimes your browser has cached style.css and therefore you have to reload to see the changes take place.)
HA well would you look at that, “Centered, it was.” Thanks Yoda for those words lol and thank you so much bgentry for your help and patience! Appreciate it a lot since that was bugging the heck out of me!