• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

How to center logo

Vincent

Well-known member
#2
Wrong forum.

Anyhow, you do it this way: in template header.css, replace
Code:
#logo
{
display: block;
float: left;
line-height: {xen:calc '@headerLogoHeight - 4'}px;
*line-height: @headerLogoHeight;
height: @headerLogoHeight;
vertical-align: middle;
}
by

Code:
#logo
{
display: block;
float: center;
line-height: {xen:calc '@headerLogoHeight - 4'}px;
*line-height: @headerLogoHeight;
height: @headerLogoHeight;
vertical-align: middle;
}
 

Forsaken

Well-known member
#4
Wrong forum.

Anyhow, you do it this way: in template header.css, replace
Code:
#logo
{
display: block;
float: left;
line-height: {xen:calc '@headerLogoHeight - 4'}px;
*line-height: @headerLogoHeight;
height: @headerLogoHeight;
vertical-align: middle;
}
by

Code:
#logo
{
display: block;
float: center;
line-height: {xen:calc '@headerLogoHeight - 4'}px;
*line-height: @headerLogoHeight;
height: @headerLogoHeight;
vertical-align: middle;
}
There is no such thing as float:center;.

Give me a few minutes and I'll play around with getting it centered.
 

Brogan

XenForo moderator
Staff member
#9
You would be better off asking in the style thread as there may be a style property for it, or it may require a different solution.
 

Mike Creuzer

Well-known member
#13
Our response time is probably one of the fastest around.

Anyways, there is a setting under UI.X Logo called Viewport to Center Logo. Set that value to 100%. Any further questions please feel free to use the tickets at audentio.com or the this thread: UI.X [Paid]