Very easy, change where the logo points to in the style properties and adjust the height in the admin control panel and it's in there.Currently running one of my sites on IPB3.1 and looking to make the change over to Xenforo.
One major question - How easy would it be to work my logo into Xenforo?
This is what I currently have on IPB
View attachment 19197
Hi Jake,
Thanks for your reply. Ive tried that suggestion but it just dosent look right.
View attachment 19253
Im guessing theres just no easy way of getting my banner to be 100% width. That really is a shame as wanted to migrate from IPB.
Thanks for your help, really been appreciated.
#logo
{
display: block;
float: left;
line-height: {xen:calc '@headerLogoHeight - 4'}px;
*line-height: @headerLogoHeight;
height: @headerLogoHeight;
vertical-align: middle;
}
/* IE6/7 vertical align fix */
#logo span
{
*display: inline-block;
*height: 100%;
}
#logo a:hover
{
text-decoration: none;
}
#logo img
{
vertical-align: middle;
}
width: 780px;
margin: auto;
This is the solution I used on my forum to fix this problem.The forum width needs to match the width of the image. That is controlled by this style property:
Admin CP -> Appearance -> Style Properties -> General -> Page Width Controller
To specify a fixed width you can use this in the Miscellaneous box:
Code:width: 780px; margin: auto;
I went the width route because I liked the width of my forum. You can always do a template edit find where it puts the image in and set the width to 100% just like it is on your current theme.Sorry guys,
I really dont follow what your saying. The only way to get my image to fill the top area is to make my actual forum smaller to it matches the image size? If thats the case, seems t bit backwards to me
<xen:hook name="header">
<div id="header">
<xen:include template="logo_block" />
<xen:include template="navigation" />
<xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
</div>
</xen:hook>
Just increase the width of the image to match the site page width.
It's going to have to be stretched one way or another as it is physically smaller than the width you want it to fill.
Should be the logo_block template, it's included by the header.Thanks bambua,
Ive looked in the header template, but cant see where the codes is for the actual logo.
Im guessing it must be in the css, but not sure what css to add to make the width 100%
We use essential cookies to make this site work, and optional cookies to enhance your experience.