1.4.4 Footer Changes - IMPORTANT

[Russ]

This is just a quick heads up for those of you who are using the Advanced Footer setup. The more I progressed on the footer and other layouts something just kind of clicked in my head where it simply wasn't all that user friendly. Layouts were pretty set in stone to an extent with the ability to do some minor customizations.

If you're upgrading to 1.4.4 please as always make copies of your XenBase / Pre Made Style/ Your style.
For this upgrade if you use the footer you may want to copy the contents of your paragraphs/lists found inside Style Properties -> [XB] Footer so you can easily re-apply

Basically going forward as of 1.4.4 there will no longer be different layouts. We've set this up to where our footer can utilize a maximum of 4 blocks currently. You can set the width for each column then fill in the content you want.

So in the above setup it will show 4 blocks, all at 25% width. If you wanted to only show 3 blocks you could simply switch Block 4 Width to a value of 0, then adjust Block 1 Width to a value of 50%, or you could adjust them all to 33%(ideally the total values here should add up to 100 or as close to as possible) or do other options as well

Here are some examples

There's a ton of possibilities easily at your fingertips now . I should note the above images are simply on the framework itself, each style will have the colors adjusted already set for you.

Shortly after the 1.4.4 release coming I'll be creating a Resource along with our others found here: https://pixelexit.com/resources/

With an in-depth guide and some code examples. Thank you all!

 

[Frode789]

Looking great Russ

 

[Summit14]

Awesome job Russ as usual.

 

[Russ]

Awesome job Russ as usual.

Thanks, @Summit14 to create yours you'll technically do:

Block 1 Width: 25%
Block 2 Width: 50%
Block 3 Width: 25%
Block 4 Width: 0

Then fill in the content accordingly

 

[Summit14]

Thanks, @Summit14 to create yours you'll technically do:

Block 1 Width: 25%
Block 2 Width: 50%
Block 3 Width: 25%
Block 4 Width: 0

Then fill in the content accordingly

Thanks Russ

 

[Ricky6039]

As always with everything you do great jog

 

[Russ]

Thanks guys

Last thing about the footers too, style properties are limited to where you can't use certain XenForo functions in them, like hooks and template includes. So for each block we've included a template where you can edit it(it'll be blank by default) to customize a block even further.

By adding a hook to it(and some minor css fixes):

<xen:hook name="footerHook2" />

You can use the widget framework to display widgets down there, or include the social icons. This screenshot shows both:

 

[Tracy Perry]

Hand over the goodies NOW!

 

[Russ]

Just to follow up with this, I've posted a resource all customers can see now:

https://pixelexit.com/resources/new-footer-setup.14/

Included 3 examples initially. Widget Framework tutorial will come when I get a little more sleep this weekend

 

[twisted_pepper]

That's excellent work Russ, thank you...
Looking good old bean!

 

[kaieivindm]

@Russ seems like I am struggling a bit with this new footer setup. So I probably had some customized footer from the custom style you guys did. However I transformed what I could and then tried to enable the social icons. However thats where I am stumped.

I have it enabled in Social Links under XB General Setup - and also marked as enable advanced footer in XB Footer.
The new social icons shows at top header and footer (below the trademarks) but not in the advanced footer it self.

Basically I want the social icons to show inside my 4th block in the XB Footer settings. Is that doable? If so, how can I do this sorcery?
Inside the block called "Kontakt oss"

 

[Russ]

Hey @kaieivindm That setting on [XB] General Setup -> Social Links Enable Advanced Footer Icons is no longer valid. I need to remove it.

Open xb_footer_Block4Helper Remove the <xen:comment> around the social include. Instructions are on the resource page but it's pretty hidden hah.

Social links will show now assuming you have it filled out [XB] Social Links



I think it just dawned on me instead of removing the advanced footer check box I'll change it into a string so you can type 1/2/3/4 (or 0) to disable it).

 

[kaieivindm]

Hey @kaieivindm That setting on [XB] General Setup -> Social Links Enable Advanced Footer Icons is no longer valid. I need to remove it.

Open xb_footer_Block4Helper Remove the <xen:comment> around the social include. Instructions are on the resource page but it's pretty hidden hah.

Social links will show now assuming you have it filled out [XB] Social Links



I think it just dawned on me instead of removing the advanced footer check box I'll change it into a string so you can type 1/2/3/4 (or 0) to disable it).

Yeah sorry if I missed that, but did ready through that guide quite a few times.
However to ease my OCD; how do I alignt left on the social icons? So it looks the same as the other blocks?

 

[Russ]

Yeah sorry if I missed that, but did ready through that guide quite a few times.
However to ease my OCD; how do I alignt left on the social icons? So it looks the same as the other blocks?

View attachment 1482

.footerBlock .xbSocialLinks {
text-align: left;
}

 

[kaieivindm]

.footerBlock .xbSocialLinks {
text-align: left;
}

Is that in the EXTRA.CSS? or another css file?

//edit: nvm it was the extra.css! thanks again Russ!!

 

[Steve]

EXTRA.css is fine, generally we always intend you to add any CSS we suggest there

 

[kaieivindm]

EXTRA.css is fine, generally we always intend you to add any CSS we suggest there

OK - thanks for the information

 

[Russ]

I think I'm adding this to the default code for the next release(the centering), I've needed to align it left on every occasion.