KconleyK

I understand, I need to look on the index file, I just don’t know what to change.

All I can find in my theme is a posts.php page. I don’t have a category page, I do have an index page.

I seem to remember in my other site, I just found where it called for that title and changed the text. I never had to deal with a child theme.

haha if I could hire a css expert my life would be set, I just don’t have the funds for that right now. That is why I am trying it by myself, I know it is just a band-aid and if the site ever does take off I plan to revamp the site on a new improved theme but for now I need to do it on my own. I appreciate all your help, and hopefully someone can do the center but off 24 pixel code part.

I deleted float out of the header completely and it didn’t change anything, so maybe changing float to center, just turned the float off since float center doesn’t exist?

so now my code looks like this,

#header {
background: url(“images/header_image.jpg”) no-repeat top center;
border-bottom: 6px solid white;
clear: both;
color: white;
height: 120px;
margin: 0 auto;
padding: 0;
width: 868px;
}

which centers it but still off by that 24 pixels. Does anyone know how to change that top “no-repeat top center;” to be no repeat and center -24 pixels to left?

it works but not perfectly as the body of my theme is -24px off center. So I need it to center but center -24 pixels to the left.

So basically there is no way to achieve what I am trying to do?

I am not saying your wrong, in fact I am sure you are right but how came it aligned to the left, but when I chagned the float to center it centered the image, in IE, Chrome, Firefox and Safari?

#header {
background: url(“images/header_image.jpg”) no-repeat top center;
border-bottom: 6px solid white;
clear: both;
color: white;
float: center;
height: 120px;
margin: 0 auto;
padding: 0;
width: 868px;
}

I changed the float to center and it works, however I forget my theme is slightly off center. I need that float to be center but -24px to the left, and I am not sure how to write that in code.

#header {
background: url(“images/header_image.jpg”) no-repeat top center;
border-bottom: 6px solid white;
clear: both;
color: white;
float: center;
height: 120px;
margin: 0 auto;
padding: 0;
width: 868px;
}

I changed the float to center and it works, however I forget my theme is slightly off center. I need that float to be center but -24px to the left, and I am not sure how to write that in code.

That worked but it didn’t center the image, the image starts at the far left of the screen

I am not talking about the AGG logo buy the header image behind it, with the grass and ball and club.

Right now the image is set to 2000 x 123 pixels, if I change the image to 868 pixels, it still spans the entire screen and just repeats its self as many times as needed to fill the screen.

I just want the header image (grass, ball, club) to be centered above the body of website, and the sides to show the background image.

https://www.AverageGuyGolf.com

I ended up getting a plugin that shows more pages in a clearer way at the bottom of the page.

This was a plugin issue, for a top bar advertisement if anyone else has the issue.

Worked great, thank you sir.

Is there away to make it go away? Or is it required to be there by wordpress, if I can just delete it out of my template or header the problem should go away right?