XF 2 Tip Article Forum Symmetrical Grid Layout

[ENXF NET]

ENXF NET submitted a new resource:

Article Forum Symmetrical Grid Layout - Evolver

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:
View attachment 20983
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...

Read more about this resource...

 

[ENXF NET]

ENXF NET updated Article Forum Symmetrical Grid Layout with a new update entry:

Configuring the layout for 2 or 3 articles per row

This modification is courtesy of @BassMan

The core code is the same as for the Equal Grid - Fixed Footer layout in the main resource

Add the following code before it:

.p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body
{
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "a a" "b_1 b_2" "b_3 b_4";
}

That will display two articles per row.

To display three, change the repeat(2, 1fr) to repeat(3...

Read the rest of this update entry...

 

[micke]

ENXF NET updated Article Forum Symmetrical Grid Layout with a new update entry:

Configuring the layout for 2 or 3 articles per row



Read the rest of this update entry...

ENXF NETThanks for a great tip!

 

[Poshnjari]

it doesn't work for me

 

[dillond86]

Hello, how could I remove the text and just leave the image? It's possible?