Center Logo in Bartik
Does anyone know how to center a user logo in the Batik 7 theme. I've tried a couple css locations (tracking them using firebug) but can't seem to get the logo to center.
Thanks
Hi Dixon,
Thank you for posting your solution here, other folks will appreciate that. :)
In order to get the margin:auto solution to work, you may have to set the wrapping element to be a block and to have text-align:center.
In doing some testing, I was able to get the logo centered by setting #header div.section __ to have __text-align:center and then removing the float from the a id="logo" element.
Cheers!
Chris
Ok here's the answer: Open your site folder go to themes > Bartik > CSS > style.css (there are several css files) find the Header section >
logo
{float: left; /* LTR */
padding: 15px, 15px 15px 10px;
}
then adjust the padding to suit. I tried using the margin auto right and left with block display but the only thing that worked was adjusting the left padding.
Thanks to lordrt at experts exchange.