Deleted

010101

Edit: This particular Flarum installation has been deleted.

Choipadua17

010101 Hi sir, hope that I can send you a PM. as I do really like your modified css on note sitting.

wwwn

010101 it looks very nice. Can you share CSS codes?

Tirual

010101 Hi dude, i was just wondering if you could share your css for doing this? 🙂

Kayo

Wow, is really beautiful, congrats. I'm not a developer but really like all that stuff.

I hosted a server with flarum on gCloud but don't even know how to put SSL and link to a domain, the great part on free plan by 1 year is that, time to learn.

010101

Thanks for your kind words! Although what I did here isn't super fancy or hard; and, really just about anyone could figure out what I did... I don't want to share my CSS code at this time.

The whole reason I made these changes was because I wanted this installation to be a little bit different than other people's Flarums.

But, if you know how to use Chrome or Firefox's dev consoles, you can use those tools. Go to your Flarum, turn the console on, put it into the mode where you can hover over elements and it will show you the CSS code. Hint. Hint. 😬 Then you just put your altered CSS into the custom CSS field in your admin.

Choipadua17

010101 can I pm you in discord sir?

010101

Choipadua17 I'm not on Discord. I think I signed up once, but haven't been back since.

Like I said, finding various CSS rules and playing around with them isn't too hard with a little practice and research. Of course, it also could be that you already know how to do it. I'm not sure what your CSS experience level is like.

Here's one tutorial on how to use Chrome's developer tools to inspect CSS/HTML code. Once you know what the elements are called, you can start changing the rules from there.

https://designtlc.com/use-chrome-inspector-edit-website-css/

I hope this helps. Plus, by not using my exact changes you may end up creating something that looks even better!

One more tip that I'll give is there are separate CSS rules for small screen sizes, like on mobile devices. But, Chrome's developer tools will also allow you to go into mobile view mode. This way, you'll be able to also inspect the CSS Flarum uses for small screens. You don't always need a separate rule for small screens. But, you will find that certain elements/containers do have separate mobile CSS rules.

Happy tweaking and designing! Half the fun of it is figuring it out and putting your own spin on the styling.

Namaste.

ram0ng1

Tirual

010101 I'm not on Discord. I think I signed up once, but haven't been back since.

Like I said, finding various CSS rules and playing around with them isn't too hard with a little practice and research. Of course, it also could be that you already know how to do it. I'm not sure what your CSS experience level is like.

Here's one tutorial on how to use Chrome's developer tools to inspect CSS/HTML code. Once you know what the elements are called, you can start changing the rules from there.

https://designtlc.com/use-chrome-inspector-edit-website-css/

I hope this helps. Plus, by not using my exact changes you may end up creating something that looks even better!

One more tip that I'll give is there are separate CSS rules for small screen sizes, like on mobile devices. But, Chrome's developer tools will also allow you to go into mobile view mode. This way, you'll be able to also inspect the CSS Flarum uses for small screens. You don't always need a separate rule for small screens. But, you will find that certain elements/containers do have separate mobile CSS rules.

Happy tweaking and designing! Half the fun of it is figuring it out and putting your own spin on the styling.

Namaste.