centering the logo in the header

[miab]

Hi, I have tried unsuccessfully to center my logo image. I have found a way to make it right align, but not to center. Can anyone point my in the right direction?

Thanks in advance!
Mia

[byman64]

Hi, I had the same problem for a m8 website (http://www.pignarea.com)

Here what I have done, I don't know if there are more elegant solutions...

Open the templace css file (templates/protostar/css/template.css) and at the end add the following css class

Code: Select all

.brand img {
margin: 0 auto 0 auto;
display: block;
}

Try it and let me know if it works...
note I dont remember if I changed other stuff...pls post the url address of your website.

http://www.byman.it/site/index.php?opti ... Itemid=101

[phoenixlaef]

Went to "/templates/protostar/css/template.css" as mentioned and changed:

Code: Select all

.header {
	margin-bottom: 10px;
}

to

Code: Select all

.header {
	margin-bottom: 10px;
   text-align: center;
}

Then I went to "/templates/protostar/index.php" and changed:

Code: Select all

 <div class="header-inner clearfix">
                                        <a  class="brand pull-left" href="<?php echo $this->baseurl; ?>">
                                                <?php echo $logo;?> <?php if ($this->params->get('sitedescription')) { echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')) .'</div>'; } ?>
                                        </a>

to

Code: Select all

 <div class="header-inner clearfix">
                                        <a  class="brand" href="<?php echo $this->baseurl; ?>">
                                                <?php echo $logo;?> <?php if ($this->params->get('sitedescription')) { echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')) .'</div>'; } ?>
                                        </a>