We’re excited to have you join us! By registering, you’ll gain access to exclusive content, including leaked files and nulled software. Engage with our community, share your insights, and stay updated on the latest releases.

Get ready to explore and enjoy all the benefits of being a member, and feel free to connect with others through discussions and private messages.

Warning: Please do not create multiple accounts. We have a system in place that detects multiple account registrations, and any violations may result in a permanent ban.

Sign Up Now and Start Exploring!
  • License distribution for the
    Ibo 3.9 app+ panel with 17 themes to choose
    is now available for free, we are decrypting it now
    Only for VIP memberships

XenForo Article Forum Symmetrical Grid Layout

El Bana

Active member
Registered
Joined
Jul 25, 2024
Messages
142
In the default style, an article forum in preview mode has a layout of 1:2:2:4:4 in terms of the number of threads (articles) shown on each row, like so:



This can be changed by adding some custom CSS to the extra.less template.

Equal Grid - Floating Footer​

Adding this code will produce a uniform grid layout with the footer at the default location, floating below the content in each article:



Less:
Please, Log in or Register to view codes content!

Equal Grid - Fixed Footer​

Using this code will result in an equal grid layout with the footer fixed to the bottom of each article:



Less:
Please, Log in or Register to view codes content!


Specific Nodes​

To only apply the layout to a specific node, wrap the code like so, replacing the 2 with the node ID:



Less:
Please, Log in or Register to view codes content!
To apply it to multiple nodes, add additional node IDs comma separated like this:



Less:
Please, Log in or Register to view codes content!
Here you can see the layout is applied to one node but not the other.



The styling can of course be adjusted to suit your particular needs.
If you found this tutorial useful, donations of positive emojis are gladly received.
 
Back
Top