Centering a banner

[Callum93]

How do you do it in phpBB 3.0.4 , i am using skyblue.

 

[inpaqt]

Search for:

#logo {
   float: left;
   width: auto;
   padding: 10px 13px 0 10px;
}

a#logo:hover {
   text-decoration: none;
}

/* Search box

Change left to center

 

[Callum93]

I looked in common.css and it isn't in there

 

[spyka]

In overall_header.html there is this code:

<div style="float: left;">
<a class="headerlink" title="Board index" href="./index.php?sid=29c78570fb76a03c1de6e4f8c3e2a9d0">
<img height="100" width="830" title="" alt="" src="./styles/skyblue/imageset/banner2.gif"/>
</a>
</div>

remove the float left so you just have:

<a class="headerlink" title="Board index" href="./index.php?sid=29c78570fb76a03c1de6e4f8c3e2a9d0">
<img height="100" width="830" title="" alt="" src="./styles/skyblue/imageset/banner2.gif"/>
</a>

that may center it, I've no idea why that float left is there

 

[spyka]

if it doesn't center it try adding this in any of the css files:

a.headerlink img {
margin:0 auto;
text-align:center;
padding:0;
display:block;
}

 

[Callum93]

Neither code works 🙁

 

[spyka]

I've just tried it with firebug in firefox and it works fine. did you refresh the template? the display:left is stil there

 

[Callum93]

Yeah I did, I'm getting a new style soon anyway.