Forum CSS
How do you make the backgrounds of threads/comments/posts all fancy and different colours? I love the differentiation.
Very happy to share! :D
.user-css .discussion-board-child {
padding-bottom: 20px;
padding-left: 10px;
padding-right: 100px;
padding-top: 10px;
height: 200px;
box-shadow: inset 0 0 50px black;
margin: 0px;
transition: 0.5s all;
}
.user-css .discussion-board-child:nth-of-type(odd
background: rgba(150,150,150,0.2
}
.user-css .discussion-board-child:nth-of-type(odd):hover {
background: rgba(150,150,150,0.25
}
.user-css .discussion-board-child:nth-of-type(even
background: rgba(50,120,120,0.2
}
.user-css .discussion-board-child:nth-of-type(even):hover {
background: rgba(50,120,120,0.3
}
This is the super super basic CSS I have for it, where I set the style for the posts themselves, and then select the odd/even posts after each for setting the different colour backgrounds!
The little logo peeking in is done in a silly hacky way that undoubtedly has an easier method of implementing, but I'm too lazy to do it proper now that I have it working in this form 😅If you like, I can share that bit too, but it makes use of :before to make another box with the background
Thank you so much! <3 It always helps to have some ready-made code to tweak and see what it does, so thank you, I appreciate it. I'll give this a go soon! <3
Hi, I have really dumb question, but I searched for hours upon hours and simply cannot find an answer out there. I'm a total CSS newbie, but I managed to change some backgrounds, fonts etc. on my World Anvil homepage. Sadly, I simply cannot find a way to set up a background for my discussion boards.
All I managed to do is to change the boxes of the threads themselves, but I have a white border around it all, which I cannot get rid of. I found this thread on my search and was wondering if you could offer any help? I'm sure it's basic stuff, but I literally started with CSS today and it's totally above my head. :(
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
All content, unless stated otherwise, copyright ©2010 - 2023 Devon Ruscheinski. All Rights Reserved. All images are made by Stormbril, unless otherwise specifically stated. World Default Header Image (Interior roof of a Cathedral) originally by Derek Story, edited by Stormbril.
Background image composited of a Cathedral Photo by Odin Lee, with mountains behind by Sorin Sîrbu, combined and edited by Stormbril.
Developed by Stormbril.
Want to support me and get some neat Cathedris art? Check out the stuff I have on Redbubble!
Powered by World Anvil
Powered by World Anvil
Are you interested in finding out what the Regiment for Humanity is all about?
Do you distrust the Legion? Do you want to do whatever you can to stop them... before it's too late?
Then
click
tap
here to find out more, brave soldier.
Ash Barklow
Procurement Officer of Barklow's Books
Listen, you need to be careful. The Legion have eyes and ears everywhere -- there's always a chance we're being watched. But we have to do something. We can't just sit by and let them destroy the world.
If you want to know more, find out what abhorrent things they've been getting up to in their secret labs, then follow me.
Click here to join The Regiment for Humanity and learn the truth of what the Legion is up to.
Do you want to know more about Altruistic Concilium of Sacred Architecture?
Do you want help bring about a new divine era? Create a new and bright future under our control?
Then
click
tap
here to join the side of divinity.
Dr. Anabelle Evingston
Leader of the ACSA
Humanity is wasting its potential -- for too long have we toiled in the shadows of oppressive God-husks that do naught but push us down. Great and terrible secrets have remained hidden within the depths of the planet for ages, and it's time they make themselves known to us.
It's time humanity takes its proper place as the truly divine of this world.
It's time we usher in a new future.
Click here to make the right choice and join The Altruistic Concilium of Sacred Architecture
You've found yourself a tasty tidbit of information, a morsel of facts -- a Snippet. This is quick form content to consume at your leisure without needing to buckle down and read a whole article.
Hungry for more? Check out the catalogue HERE
Let me know below if you'd like to see this article expanded upon and turned into a complete experience.
Click and join the Snippet Notifications subscriber group, and I will update you whenever I create a new Snippet! Background by Alexander Nachev
Paper background from Indieground freebie
Click and join the Snippet Notifications subscriber group, and I will update you whenever I create a new Snippet! Background by Alexander Nachev
Paper background from Indieground freebie
