Hi everyones, I've installed Pixture Reloaded on my website and everything is finished now except I can't find a way for the logo to be centered. I've tried to edit the layout.css with
position:absolute
left:50%
margin-left:-480px
but it's not working.
Anyone have another idea?
Thanks for helping!
Comments
Comment #1
Jeff Burnz commentedComment #2
Dominion commentedSorry jmburnz, but why is it closed?
I have the same issue. I want to move the logo center and down a bit. I tried modifying layout.css. I can float left, and right, but css doesn't have a float center.
Comment #3
NathanFrankel commentedJust checking to see if anyone has had success with this. I tried modifying #logo in layout.css. (image still stuck to left margin):
#logo {
display: block;
margin-left: auto;
margin-right: auto
}
I am able to add a margin-left in pixels, which can be centered for a particular resolution. I haven't been able to figure out how to center in all resolutions.
Also, this will center the logo at a resolution of 1024x768:
#logo {
position:absolute;
left:35%;
margin: auto;
padding: 0;
height: 120px;
}
But would be nice to center universally...
Comment #4
Jeff Burnz commentedCSS doesnt have a float:center, but it does have float:none, and you can remove the float in any case.
Comment #5
ailgm commentedThis worked for me in another theme:
#logo {
text-align: center;
float: none;
width: 100%;
}
.header-site-info {
float: none;
}
It took a lot of trial and error to figure out, so hopefully this helps someone else.
Comment #6
wmfinck commentedIn order to center the logo image, in the layout.css I changed the following under #logo:
/*float: left;*/ /*original*/
text-align:center; /*two new lines to center logo*/
vertical-align:middle;
But this CSS evidently pushes the links in the Superfish region to the right with the logo, and thus pushes them right out of the template region. If anyone has another idea to center the logo without affecting the Superfish region, or to separate the position of the Superfish from the logo regions, I would appreciate it.
Also, the two lines of CSS above to center a logo has worked with all of the Drupal themes I have used (on nearly 30 sites, but this is the first time I have used this theme). However with most logo images that means the search block must be put elsewhere.