XF 1.x LogoBlock link to homepage

Edwin

Customer
Is it possible when clicking on the LogoBlock image to return to a URL like homepage etc ..
Now is it only possible on the text Kattenforum SjEd

Screenshot_2017-04-27-12-10-39.jpg
 

Russ

Pixel Exit Staff
You'll need to edit logo_block template, slight change:

Move the opening and closing <a>
Screenshot_2.png


To this position:

Screenshot_1.png
 

Russ

Pixel Exit Staff
Re-apply the edit, then add this to your CSS:

Code:
#logoBlock a
{
    font-size: 30px;
    font-family: arial;
    color: rgb(234, 234, 234);
}
#logoBlock a span
{
    color: rgb(36,131,198);
}

The logo text CSS was looking for the link inside the div rather than outside.
 

Russ

Pixel Exit Staff
All CSS goes inside extra.less, just use my CSS above but replace the class like so:

Code:
.p-header-logo a {
    font-size: 30px;
    font-family: arial;
    color: rgb(234, 234, 234);
 }
 

Russ

Pixel Exit Staff
That's the background image for the logo block, not the text itself. I still suggest using the background image WITHOUT the text attached to it, like you have on your test board. Then use our text logo option.
 

Russ

Pixel Exit Staff
You're still using 1 single large image it looks like, and you're not using 2 different images like I've recommended a few times. IE doesn't like Flexbox that much (browser hasn't been updated in almost 4 years I think) so for your current setup you can add this to your extra.less:

Code:
.p-header-logo a {
    display: block;
    max-width: @xf-pageWidthMax;
}


However, my official recommendation is to still use 2 different images:



Screenshot_1.png



The red box with the text would be its own image called logo.png

The green box would be everything BUT the text, saved as logo-bg.png

Then in set the background of: Style properties- > Header and navigation -> Header/logo row inner to use the logo-bg.png image.

Do not use: Header/logo row, it needs to be on the inner.
 

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.