Soft and Beautiful Forum Design (Simple)

CyberGene

I tested it on a copy of my forum and it seems that the scrollbar doesn’t stay permanently on the right part of the screen but gets scrolled itself.

stasar

CyberGene I didn't fully understand the problem. Can you give more detailed information please? You can also share a screenshot if you want.

CyberGene

stasar I was testing on my iPad in landscape mode. Without this mod you can scroll a discussion on the left, while at the same time the Flarum scroller (and discussion buttons above) are always visible and staying fixed on the right. With your mod the entire view becomes as a single scrollable page: the Flarum scroller and buttons move up/down outside the screen.

kae-hub

beautiful ahh css

CyberGene

Apologies, must have been some mess up with my other CSS. I just applied this CSS and cleaned up my other CSS and left only what I need from my previously applied styles and now the scrolling issue is fixed.

This is nice and beautiful, thanks! I will first use it a bit on a copy of my forum but will eventually move it to my prod forum 🙂

stasar

@kae-hub @CyberGene thank you. You can tell me the parts you want me to add or correct 🙂

kae-hub

stasar make it less round and beautiful the code

stasar

kae-hub You can change the corner roundness as you wish from ":root" at the top of the code.

:root {
    --border-radius: 14px !important;
    --discussion-title-color: #636d79;
}

The part you need to change is --border-radius: 14px !important;

Where it says 14px, you can lower it until you reach the corner roundness you want. Flarum's standard border-radius setting is 4px.

Ex; --border-radius: 4px !important;

BrianDV1G

Great stuff, @stasar thanks for sharing! How long until after copy and pasting the CSS code before I see style changes appear? I created a fresh forum, there's no other custom code to interfere with it and still no changes after a few hours.

stasar

BrianDV1G I think you should clear the cache.

codexinn

can you try copying the tagtile off https://community.giffgaff.com/

stasar

codexinn No. I guess I can't do this