- Joined
- May 31, 2022
- Messages
- 166
- Points
- 28
Reputation:
I want to make grid view and have better search in forum, like in the middle or something. Is it possible to make?
Reputation:
Reputation:
Reputation:
Reputation:
Reputation:
@
Soft4Win
Yeah I need to try last! Could you please tell me where is extra.less for each node? I want some threads in nodes have grid view not all category.
Reputation:
Extra.less is a template, which is available for each style. So it will go to all nodes. If you want to limit this to specific categories you need to add the data-container to it.
Reputation:
.block--category{
@media (min-width: 1100px){
@supports(display: grid){
.block-body{display:grid;
grid-template-columns:50% 50%;
}
.node-body{
display:flex;
flex-wrap: wrap;
border-right: 1px solid #dedede;
position:relative;
height: 100%;
padding:5px;
}
.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;
}
}}
}
Reputation:
you add this to extra-less and watch the magic happen
CSS:.block--category{ @media (min-width: 1100px){ @supports(display: grid){ .block-body{display:grid; grid-template-columns:50% 50%; } .node-body{ display:flex; flex-wrap: wrap; border-right: 1px solid #dedede; position:relative; height: 100%; padding:5px; } .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; } }} }
Reputation:
This for all forum or just specific node? I just want to add to some nodes, not all
Reputation:
it would be easier to see an image of what ya want so we can give the right codes
[data-container-key="node-2"]
.block--category{
@media (min-width: 1100px){
@supports(display: grid){
.block-body{display:grid;
grid-template-columns:50% 50%;
}
.node-body{
display:flex;
flex-wrap: wrap;
border-right: 1px solid #dedede;
position:relative;
height: 100%;
padding:5px;
}
.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;
}
}}
}
Reputation:
Try that, where node-2 is the id of the node you want to change
CSS:[data-container-key="node-2"] .block--category{ @media (min-width: 1100px){ @supports(display: grid){ .block-body{display:grid; grid-template-columns:50% 50%; } .node-body{ display:flex; flex-wrap: wrap; border-right: 1px solid #dedede; position:relative; height: 100%; padding:5px; } .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; } }} }
Reputation:
Try that, where node-2 is the id of the node you want to change
CSS:[data-container-key="node-2"] .block--category{ @media (min-width: 1100px){ @supports(display: grid){ .block-body{display:grid; grid-template-columns:50% 50%; } .node-body{ display:flex; flex-wrap: wrap; border-right: 1px solid #dedede; position:relative; height: 100%; padding:5px; } .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; } }} }
Reputation:
Umm, which file I should to find this code?
Reputation:
Reputation:
Where can I find this :
[data-container-key="node-2"]
.block--category{
@media (min-width: 1100px){
@supports(display: grid){
.block-body{display:grid;
grid-template-columns:50% 50%;
}
.node-body{
display:flex;
flex-wrap: wrap;
border-right: 1px solid #dedede;
position:relative;
height: 100%;
padding:5px;
}
.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;
}
}}
}
Reputation:
This code need to be placed into extra.less
Reputation:
tried node1/2 , did not work, threads still displayed like original
Reputation:
How do I find node id? its on the top of the page yes the number? Grid still does nto work
Reputation:
Did you change the correct extra.less file?
It must be the one from your used style. So please be sure you used the right one.
But he mentioned he want that layout just for some nodes, not all of them
Reputation:
the two codes i gave him works for on all themes but what he wants is his topic to show on the main page but that can not happen in less he change his category to view has topic only after i gave him the first codes it would look like this
View attachment 30681
Reputation:
I want to make grid view and have better search in forum, like in the middle or something. Is it possible to make?