XF 2.2 How can I do that Forumhome

Ruh

Active member
Hello
How can I make the forum home page like this please help?

DELETE SPACER??

xxx.webpforumhomes.webp
 
Last edited:
Solution
This one should work
Less:
[data-template="forum_list"] {
    .block--category.block {
        margin-bottom: -2px;
    }
    .block.block--category .block-container {
        border-radius: 0;
    }
    .block.block--category:last-child .block-container {
        border-bottom-left-radius: @xf-borderRadiusMedium;
        border-bottom-right-radius: @xf-borderRadiusMedium;
    }
}
That's generally the page that visitors and members land on as default. Surmising that you haven't changed this in settings you can just go to your ACP and public navigation and turn off the home page by using the on/off slider. That will get rid of the 'home' button and forums will be your default homepage for everyone.

1670239122934.webp
 
  • Like
Reactions: Ruh
That's generally the page that visitors and members land on as default. Surmising that you haven't changed this in settings you can just go to your ACP and public navigation and turn off the home page by using the on/off slider. That will get rid of the 'home' button and forums will be your default homepage for everyone.

View attachment 277761
there is no such option
 
Try this in your extra.less template
Less:
[data-template="forum_list"] {
    .block {
        margin-bottom: -2px;
    }
    .block.block--category .block-container {
        border-radius: 0;
    }
    .block.block--category:last-child .block-container {
        border-bottom-left-radius: @xf-borderRadiusMedium;
        border-bottom-right-radius: @xf-borderRadiusMedium;
    }
}
 
This one should work
Less:
[data-template="forum_list"] {
    .block--category.block {
        margin-bottom: -2px;
    }
    .block.block--category .block-container {
        border-radius: 0;
    }
    .block.block--category:last-child .block-container {
        border-bottom-left-radius: @xf-borderRadiusMedium;
        border-bottom-right-radius: @xf-borderRadiusMedium;
    }
}
 
Solution
This one should work
Less:
[data-template="forum_list"] {
    .block--category.block {
        margin-bottom: -2px;
    }
    .block.block--category .block-container {
        border-radius: 0;
    }
    .block.block--category:last-child .block-container {
        border-bottom-left-radius: @xf-borderRadiusMedium;
        border-bottom-right-radius: @xf-borderRadiusMedium;
    }
}
wow so thanks. Thanks :)
 
Top Bottom