XF 2.3 Xenforo 2.3.3 forums Neat Display 3 columns side by side help

Xenforo 2.3.3 forums How can I display Regular Side by Side in 3 columns? help mi



i need show sub forum same photo, without add-ons



-category

-forums -forums -forums

-forums -forums -forums

-forums -forums -forums

-forums -forums -forums
 

Attachments

  • Screenshot_9.webp
    Screenshot_9.webp
    42.6 KB · Views: 21
Solution
Here's one I prepared earlier. Just add to extra.less of XenForo default theme

Code:
//grid to show on desktop size only
@media (min-width: @xf-responsiveMedium)
{
   
    //only affects foum_list and forum_view not other pages or widgets.
    [data-template="forum_list" ] .p-body-pageContent,[data-template="forum_view" ] .p-body-pageContent
    {
        // display as grid - two times auto for two column, 3 x for three column auto for 3 column grid
        .block-body
        {
            display: grid;
            gap:5px;
            grid-template-columns: auto auto auto;
        }

// this makes bg visible between nodes same as page and removes border  
        .block-container
        {
            background-color:@xf-pageBg...
Here's one I prepared earlier. Just add to extra.less of XenForo default theme

Code:
//grid to show on desktop size only
@media (min-width: @xf-responsiveMedium)
{
   
    //only affects foum_list and forum_view not other pages or widgets.
    [data-template="forum_list" ] .p-body-pageContent,[data-template="forum_view" ] .p-body-pageContent
    {
        // display as grid - two times auto for two column, 3 x for three column auto for 3 column grid
        .block-body
        {
            display: grid;
            gap:5px;
            grid-template-columns: auto auto auto;
        }

// this makes bg visible between nodes same as page and removes border  
        .block-container
        {
            background-color:@xf-pageBg;
            border:0
        }

//bg of nodes
        .node--forum,.node--link,.node--search
        {
            background-color:@xf-contentBg;
        }
       
        .node+.node
        {
            border-top:0
        }
    //end of affecting only forum_list and forum_view
    }
// end desktop only  
}



//category header flat background and filter bar
h2.block-header,.block-filterBar
{
    background:@xf-majorHeadingBg
}

//remove info (for less cluttered display when 3 columns)

.node-extra,.node-stats,.node-statsMeta
{
    display:none
}
// separate threads
.structItem
{background-color:@xf-contentBg;
    margin-bottom:5px;}
 
Last edited:
Solution
Back
Top Bottom