Center Logo in Bartik
Mon, 2011-08-01 12:55
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
Mon, 2011-08-08 13:29
#2
Hi Dixon,
Thank you for
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.