[Xenbros] Grid layout for node without addon

[Rasteri]

I can help you after a couple of hours. Just going popping to the gym!

Ok, thanks for advance!

I tested with default theme now and this grid layout works well with .node-stats{width:130px;}
But not with the paid theme, even if i disable whole sidebar or alter sidebar width to 250px it does not work.

 

[Wilouness]

Hello

Thanks for this nice customisation. Is it possible to apply it only in certain categories rather than all ??

Thanks

 

[LenKaiser]

Anyone know if there is a way to specify which nodes this code applies to?

 

[Nicolas FR]

You can try to add the category ID to .block--category at the beginning of the code.
like .block--categoryID

 

[LenKaiser]

You can try to add the category ID to .block--category at the beginning of the code.
like .block--category[B]ID[/B]

Thanks but that did not work. Technically this is not a category. So the hierarchy of the forum area that I want to do this with is...

• Category
  • Forum Area
    • Forum Area (This is the area I want to set up in a grid)

Not sure if that makes any different at all.

 

[Nicolas FR]

So that's not the nodes you want to makes in grids but the threads ?

 

[LenKaiser]

So that's not the nodes you want to makes in grids but the threads ?

No its nodes not threads. I have a TON of forums LOL and wanted to make it easier for my members to see/find stuff.

 

[LenKaiser]

This is the code I used maybe its not right...

.block--category 60{
@media (min-width: 1100px){
@supports(display: grid){
.block-body{display:grid; grid-template-columns:50% 50%;}
.block-container{background-color: #ffffff00;border:none;}
.node-body{
display:flex;
flex-wrap: wrap;
border-right: 1px solid #dedede;
position:relative;
height: 100%;
padding:5px;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
border-width: 1px;
border-style: solid;
background-color: #ffffff;
border-top-color: #dfdfdf;
border-right-color: #d8d8d8;
border-bottom-color: #cbcbcb;
border-left-color: #d8d8d8;
}
.node{margin: 5px 1px 5px 1px;}
.node-icon{width:12%; padding-top:5px;}
.node-main{width:87%;} .node-stats{width:110px;}
.node-extra{
position:absolute;
right:0px;
bottom:0px;
padding: 10px 10px 13px 0px;
}
}}
}

 

[Nicolas FR]

there is a space between .block--category and 60
(there was a typo in my code due to bold text)

Try this .block--category60

 

[LenKaiser]

there is a space between .block--category and 60
(there was a typo in my code due to bold text)

Try this .block--category60

That did not work either

 

[Nicolas FR]

What is your code used ?
It works for me...

 

[LenKaiser]

What is your code used ?
It works for me...

Sorry for the late reply. I removed the space between the node ID & category.

.block--category60{
@media (min-width: 1100px){
@supports(display: grid){
.block-body{display:grid; grid-template-columns:50% 50%;}
.block-container{background-color: #ffffff00;border:none;}
.node-body{
display:flex;
flex-wrap: wrap;
border-right: 1px solid #dedede;
position:relative;
height: 100%;
padding:5px;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
border-width: 1px;
border-style: solid;
background-color: #ffffff;
border-top-color: #dfdfdf;
border-right-color: #d8d8d8;
border-bottom-color: #cbcbcb;
border-left-color: #d8d8d8;
}
.node{margin: 5px 1px 5px 1px;}
.node-icon{width:12%; padding-top:5px;}
.node-main{width:87%;} .node-stats{width:110px;}
.node-extra{
position:absolute;
right:0px;
bottom:0px;
padding: 10px 10px 13px 0px;
}
}}
}

 

[urivil]

Hey,
I was just looking for how to tell the appearance of the forums like this, and thanks for the guide.
I wanted to ask, where should I insert the code found here, so that I get the appearance and the division into two columns?
Thanks

 

[Abraham54]

Put the code in Extra.less of the style which have to go to grid.