Resolved What's New -> Feature - Containers all weird and screwed up

[Rem]

Link https://officeoutlaw.com/featured/

@50% to see more, but 100% is basically the same, just lots of scrolling cuz all of the excess white space lol
probably cuz of the Easter thread on the right that would of taken "space" if the picture actually loaded.

 

[Zwielicht]

That's fugly as hell. Let me see what can be done to fix that.

 

[Zwielicht]

Okay, so I was about to abuse the poor extra.less file again.

If you don't know about this file, it's the one they we usually use to make CSS changes when we're too lazy to find the proper template file. It's because we're more familiar with regular old CSS changes than we are with Xenforo conditional tags used in the template files.

Of course, we have a lot more experience properly doing this stuff now, so what I did instead was edit the template itself so that images no longer appear. Doing it this way means that it will only affect the page and not the rest of the forum, but if you notice any odd behaviour like images not appearing in previews anywhere else, just let me know here.

 

[Rem]

Okay, so I was about to abuse the poor extra.less file again.

If you don't know about this file, it's the one they we usually use to make CSS changes when we're too lazy to find the proper template file. It's because we're more familiar with regular old CSS changes than we are with Xenforo conditional tags used in the template files.

Of course, we have a lot more experience properly doing this stuff now, so what I did instead was edit the template itself so that images no longer appear. Doing it this way means that it will only affect the page and not the rest of the forum, but if you notice any odd behaviour like images not appearing in previews anywhere else, just let me know here.

Looks alot better now

Although, wouldn't masonry layout be better approach to avoid things like this?

 

[t2van]

You could have gotten away I think using:

 min-height: 200px;

Or whatever the height of the box is with the text in that way if the box ends up being larger due to content i.e an image it shouldn't effect the page layout and just make the box with the image larger than the others and still have a nice layout.

Less.css etc and whatever else is and all the compacting and god knows what else is one of the reasons I glad I no longer able in front or back end work anymore for 12 years and counting thats the internal dev teams issue!