CSS uses those brackets { }
not the normal ones ( )
using the wrong brackets in the body style in your custom styles also stops styles further down in that section to get applied.
one possible CSS code for centering the header image is:
.header-image img { display: block; margin: auto; }
your background style should be:
body {
background: #f00;
}
Shoot, the suggested CSS code to center my header image didn’t work. I also tried the suggested background style CSS code and that didn’t work either.
Anyone have any ideas why or other suggestions?
did you clear the browser cache after the changes, i.e. did you reload the web page (a few times) ?
right now, you still have the broken CSS in the custom section, and there is no trace of the suggested new CSS …
Holy cow! It worked! You’re a genius!! Thank you Michael!!!
As I said before, I know absolutely nothing about CSS so did not know to clear my browser cache but now I know. I really appreciate that tidbit, thanks again! 😀
Okay Michael, what did I do wrong this time? I tried using the CSS you suggested for my background, and I also cleared my browser cache and the changes still won’t take effect. Here is what is in my Custom CSS plugin right now:
.header-image img { display: block; margin: auto; }
body {
background: #f00;
}
it is working – I see the header image centered.
if you still don’t see the centering, you might need to check your browser’s instruction on how to clear the browser cache.
normally reloading the web page a few times, or pressing ‘CTRL F5’ should work …
I have a similar issue but can’t be sure as his is now fixed. My header image and site identity tag lines seem to overlap into the background, Iam currently using 2010,so header overlaps just on the right side into my background, if I use a color background, but when using white you can’t tell. I would also be open to switching up to 2016 if there is way not to have the header so low down below the menu options. kwcinvestor.com
