How to change the style of a Wiki post

css
(Daniela) #1

A quick guide to change the style of your wiki posts:

Change the background color:

In your /admin/customize/themes add this Css under Common > CSS

.wiki .topic-body {
    background-color: #dcffdc; /*light green*
}

Change text size

If you want you can also change the font used or the size of the text, even the color

.wiki .topic-body p {
    font-size: 18px;
    color: green;
}

Add text

You can add a text to make clear to users that what they are watching is a wiki post

.post-info.edits .wiki::before {
    content: "EDIT THIS WIKI POST";
    color: green;
    background-color: #d2e2d2;
    margin-right: 3px;
    font-weight: bold;
    border: 1px solid green;
    padding: 3px;
}

image

15 Likes
Change author of wiki posts to encourage edits
What is a Wiki Post?
(Paula Kreuzer) #2

Hey, we just changed the background color of wikis on the Fairphone forum, but like all other posts each wiki starts out as staff-blue when you load it, then slowly turns white and only then turns green.
Is there a way to disable this animation for wiki posts?

(Kris) #3

I believe this should do the trick:

.wiki .topic-body {animation: none;}

6 Likes
(Marcus Baw) #4

Here’s a Theme Component which makes Wikified posts pale green again, and incorporates @Kris’s animation: none tweak. (I chose an essentially random pale green as I did this surreptitiously while I was supposed to be paying attention in a meeting. But you can change the RGB value in the Theme Component CSS after installation)

Improvements always welcome by pull request.

2 Likes