Found a solution for this?Beautiful. How to apply this for Sub-Forums ?
Is the guy still around? and if not does anyone else know? I really need to figure out a way to fix this.How do I fix the bunched up look on mobile? I reverted it back to it's original look but I'd really like to use this on my site, but it looks weird for mobile while it looks perfect for pc.
I copied the code into extra.css and it works just fine. I'm looking at doing side by side on just one node (node number 115). Can anybody point me in the right direction to do side by side on just one node?
Thanks for that - should've looked first I had just invested a few hours going through the template modifications section and forgot about the actual addon section for a bit - your assistance is greatly appreciated @CFodder@Oz_Horror I just use Rellect's addon for this https://xenforo.com/community/resources/rellect-nodes-grid.2562/
See our site HERE that shows you what can be done.
Thanks for that - should've looked first I had just invested a few hours going through the template modifications section and forgot about the actual addon section for a bit - your assistance is greatly appreciated @CFodder
{xen:helper clearfix, '.block-body'}
.block-body .node--depth2 {float: left; width: 50%;}
.block-body .node--forum, .block-body .node--link, .block-body .node--page {float: left; width: 50%;}
.block-body .node--depth2:nth-child(odd) {
clear: left;
}
/*{xf-helper clearfix, '.block-body'}*/
.block-body .node--depth2 .node-extra {
position: static;
width: auto;
padding-right: 20px;
margin-top: 0;
}
.block-body .node--depth2 .node-main.js-nodeMain {margin-right: 26px;}
.block-body .node--depth2 .nodeControls {right: 8px;}
/* METHOD 2: SIDE BY SIDE FORUM, PAGE, LINK NODES */
@media (min-width: @maxResponsiveMediumWidth) {
/*{xen:helper clearfix, '.node-body'}*/
.block-body .node--depth2 {float: left; width: 50%;}
.block-body .node--depth2:nth-child(odd) {
clear: left;
}
.block-body .node--depth2 .node-extra {
position: static;
width: auto;
padding-right: 20px;
margin-top: 0;
}
.block-body .node--depth2 .node-main.js-nodeMain {margin-right: 26px;}
.block-body .node--depth2 .nodeControls {right: 8px;}
.block-body .node--depth2:last-child:nth-child(odd) {width: 100%;}
.block-body .node--depth2:last-child:nth-child(odd) .node-main.js-nodeMain {
margin-right: 270px;
}
.block-body .node--depth2:last-child:nth-child(odd) .node-extra {
width: 210px;
margin-top: 10px;
position: absolute;
padding-right: 10px;
}
.block-body .node--depth2:last-child:nth-child(odd) .nodeControls {right: 242px;}
We use essential cookies to make this site work, and optional cookies to enhance your experience.