Saints Row Wiki


Fluid layout

452 December 5, 2013 User blog:452

As you may have noticed, Wikia rolled out their fluid layout to all wikis today. Now, more horizontal space is utilised by article content, which is a good thing. Now everyone benefits from seeing more of an article without scrolling: people with huge monitors, people with tablets, or just people who like to resize their browser.

Of course, not everyone is happy about the change, but Wikia have been very working on it very openly for months, and appear to be listening to a lot of feedback. There are bound to be more than a few further improvements, so if you have any ideas, be sure to let them know.

But if you see any problems specific to the Saints Row Wiki, be sure to let me know. I've only been testing the fluid layout with this wiki's skin for a few weeks, and there were a lot of little tweaks necessary, so I'm sure there's one or two things I missed. (I'm about to fix another after this post.)

Apart from "there is greater article width", one extra thing you may notice is that there's "less border around the sides". There used to be a small 5px space on each side of the page, so that the article space was slightly less wide that the header bar, but I took a shortcut while updating the style and got rid of it. I didn't think anyone would really notice, but User:OAndersson noticed immediately. If another else misses that gap, let me know. (Bear in mind, the only real way to add the gap back in is to take space away from the article size. I'd rather keep the article width at max.)

Speaking of giving me feedback, another change that Wikia made was to increase the font size to 14px. I immediately asked Wikia Staff if I could change this back to 13px, and they said it was okay. I already talked to a few of the chat regulars about this, but I'd also like to get the opinion of anyone else who would like to give me their opinion.

So, I set up these pages and you can see the "before" and "after" yourself:

Even if you've read the Ben King article before, read through the Font-size 14 example page, add see if you like how it looks with the text a little bigger, then take a look at Font-size 13 example again.
After taking a look at both of them, go to Top 10 list:Font size and vote. Also, if you've got more to say, leave a comment at the bottom of this post.

Also, if you'd like to try out the entire wiki at font-size 14, add this to your Special:MyPage/common.css:

.WikiaArticle {
  font-size: 14px;
  line-height: 22px;

By the way, if you like the idea of utilising more article space, go to Special:MyPage/common.css and add this:

.WikiaPage {
  width: 100%;

That style will make it so the entire width is used, and no background will be visible.

Speaking of backgrounds, you may have noticed that the "Saints Row The Third city background" is gone, replaced with tiling logos.
Do you like the tiling background? Do you think there should be some kind of picture background? Would you like to make a background for this wiki? Feel free to whip something up!

I think the tiled background goes well with the snow in the Wikia header. :)

Also on Fandom

Random Wiki