XF 1.x Flat Awesome Plus - Stretch Logo

Russ

Pixel Exit Staff
You can try something like this:

Code:
.XenBase #logoBlock {
background: rgba(0, 0, 0, 0) url("@imagePath/xenforo/logo2.png") no-repeat scroll center center / 100% 100%;
}
.XenBase #logoBlock img {
opacity: 0;
}
Little different way to approach it. If you could though I'd split the background from the text, then set the logo to the text based image, and then set the code above background to just the background without the text, if that makes sense.
 

Russ

Pixel Exit Staff
Do you have the PSD for the logo by chance? That's why I was mentioning splitting the image.
 
Okay I separated them. I added the exact code above to Extra.css and then put the text/sims based logo in Style Properties > Header and Navigation > Header Logo Image Path but now the text/sims based logo is not showing up at all.
 

Russ

Pixel Exit Staff
Remove this:

.XenBase #logoBlock img {
opacity: 0;
}

That hid the logo previously
 

Russ

Pixel Exit Staff
You can center your logo by adding this btw:

Code:
.XenBase #logo {
  float: none;
  text-align: center;
}
Also if you set the path to the same logo for the "mobile logo" you can choose a new height for it to adjust down too.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.