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
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 :
Equal Grid - Fixed Footer
Using this code will result in an equal grid layout with the footer fixed to the bottom of each article :
Specific Nodes
To only apply the layout to a specific node, wrap the code like so, replacing the 2 with the node ID :
To apply it to multiple nodes, add additional node IDs comma separated like this :
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.
Crédit : Brogan
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 :
Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.
Equal Grid - Fixed Footer
Using this code will result in an equal grid layout with the footer fixed to the bottom of each article :
Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.
Specific Nodes
To only apply the layout to a specific node, wrap the code like so, replacing the 2 with the node ID :
Less:
[data-container-key="node-2"]
{
...
}To apply it to multiple nodes, add additional node IDs comma separated like this :
Less:
[data-container-key="node-2"],
[data-container-key="node-4"],
[data-container-key="node-8"]
{
...
}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.
Crédit : Brogan
