How would I go about centering the logo in this theme?

Comments

Oyjord’s picture

Good question, I'd like to know as well.

threaders’s picture

I moved the logo to the right. Moving to the center should work as follows:

Add to style.css:

.logo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Edit page.tpl.php:
Find

<div class="region-content">
				<?php
				if ($logo || $site_title) {

Replace with

<div class="region-content logo">
				<?php
				if ($logo || $site_title) {

Edit layout.css:
Find

#header h1 {
  height: 117px;
  margin: 0;
  position: absolute;
}

Replace with

#header h1 {
  height: 117px;
  margin: 0;
  position: static;
}
TauTau’s picture

could you perhaps also post how you moved it to the right?
Edit: When moving the logo to the center as described, the primary links won't work anymore, they are positioned too low and not linked

threaders’s picture

For moving to the right, I did the same as #2 except:

In style.css:

.logo img {
  float: right;
}

Sorry about breaking the primary links. I don't use them on my site.

klaasvw’s picture

Status: Active » Fixed

Looks like this works for everyone.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.