Recent Forum Posts
From categories:
page »
Enrique SantosEnrique Santos 20 May 2018 12:28
in discussion Hidden / Per page discussions » Folder

The height of the #header element is 7em, but the heights of #header-extra-div-* are set to fixed 92px, and the pencil elements have a fixed top of 100px.

Being fixed values, instead of relative ones, gives visual problems when the base font-size is different than the standar 16px. It happens when the user has touched the settings on his browser to a bigger or smaller base font size.


I suggest a solution like the next lines of CSS, which solves the problem:

#top-bar, #extra-div-1{ /* Pencil */
by Enrique SantosEnrique Santos, 20 May 2018 12:28

Oh. I knew about code. I make the code.


I make theme by KerryCatXKerryCatX, 05 May 2018 10:10
Whane The WhipWhane The Whip 21 Nov 2017 21:40
in discussion Hidden / Per page discussions » Noise

2. Yes I was using Chrome.
3. I have no idea lol, is that how it's done? I have only recently taken an interest in responsive sites. Have you looked at They have built a nice responsive site and the entire sidebar gets reduced to a button when the width is small. The top nav bar also reduces down to a fewer number of links. When I find the time I'll have a look at their CSS and markup.

by Whane The WhipWhane The Whip, 21 Nov 2017 21:40
BattlesquidBattlesquid 29 Sep 2017 23:51
in discussion Hidden / Per page discussions » Noise
  1. Thanks for all the tips and information! I will take those into consideration, especially, well, all of it!
  2. Are you viewing the theme in Chrome? For some reason, Chrome stopped loading the theme at one point, and I had to turn to Firefox to see the theme. If so, then that will confirm that the theme not properly loading isn't just for me.
  3. Instead of a vertical menu, couldn't I just call the @media rule for a specified width, and use something like display: inline-block? To convert the top-bar into a vertical bar would require changing the layout, which is something I can't do (yet) :P.
  4. Thanks for that CSS pointer for my site! Now I won't have to go into the laggy Admin Panel :D
  5. Images…I'll try to figure that out, it seems like a challenge…

Thanks for the feedback! I really appreciate it :)

by BattlesquidBattlesquid, 29 Sep 2017 23:51
Whane The WhipWhane The Whip 29 Sep 2017 23:17
in discussion Hidden / Per page discussions » Noise

You just described a fluid site, not a responsive site, There is a bit of a difference. All of my wikidot sites used to be fluid but the flexibility of the content made it difficult to create the look that I could achieve with a static site so at some point I switched to static sites. Since then my preference has been for a minimalist theme and a BG image that fits to the size of the browser. So yes I could very easily adjust the content area to a %, but that is only going to wrap the text to fit the block and ignore images which could still break the site into a horizontal scroll unless they also resize and regrid.

I'd say you are close but face a few hurdles:

1) Images within the content area need to resize. This does restrict the design, which is why all responsive sites kind of look the same, I'm not a fan of that.
2) The menu will need to collapse to vertical drop down reach through a single universally accepted options button.
3) Text size needs to be larger. This is not necessarily a responsive feature, but Google has made it clear that they will not recognize a site as responsive if the text is too small because on mobile devices standard text we've seen in the past is very difficult to read, this is why there is a trend to see larger text now on websites. This is important because Google gives more rank to sites that are mobile friendly, since the content can reach a larger audience. Technically most sites, even static look fine on modern mobile devices with the one caveat being text size.

Oh, minor nudge here: Your footer text is white with white BG so not visible.

One more tiny nudge (sorry) but I think you will find this useful. I noticed on your 68K site that you are using the maple theme (love this theme btw) via the auto import feature from and then publishing edits to the CSS on individual pages. I used to do the same thing, for a while I used to copy the CSS to the admin section of my sites and edit it there too. Until someone posted a much better way to store and call CSS: If you are doing a lot of CSS edits, then you will love this:

by Whane The WhipWhane The Whip, 29 Sep 2017 23:17

What's the difference between Responsive and fluid? :P
EDIT: I searched it up, this design is fluid.

All I did was center the top bar, main content, header, and footer/licesnse area using "margin: 0 auto", then set the width to 100% (instead of using a fixed pixel width). You could probably do the same with those elements (provided that you don't include the sidebar), and then use @media to check the width like so:

 @media only screen and (max-width: 320px) {
/* Add CSS rules here to be run when the above condition is met */

I chose 320px because it is the smallest screen width for most smartphones. Basically, the code is checking if the screen width is less than 320px, and if so, apply the CSS rules specified in the brackets. Using this in conjunction with the "margin: 0 auto" and "width:100%" properties should get your web page to be responsive to a good extent. For example, if the width was less than 320px, then you could run some rules to hide the sidebar (if included) and reposition some elements. You could do this with many screen widths, having different rules each time a certain width is reached, therefore making your website responsive.

As for images, I don't have any yet, but I emulated the screen width using the Chrome Inspector. The logo would be an easy fix, probably just set an initial width to it (regular width, not min-width) then call for the rules to change when the screen width is reached.

I am still working on a sidebar version and working out all the bugs, so I will update this when I have that done.

Re: Responsive or fluid? by BattlesquidBattlesquid, 29 Sep 2017 21:26

Quick question. Is this responsive or fluid? The reason I'm asking is because I've been using a standard minimalist template that I built ages ago and then just retheme for the site but I need a good responsive base to theme and I'm too confused about the wikidot default responsive site that uses bootstrapp. Noise appears to be fluid through as I did not see the menu collapse on a resize and the "join this site" text overlapped the menu on minimum browser decrease. A good test is to pop a wide logo in replacement of the site title and see what happens. Do you have a sample to show images responding to the device too?

Responsive or fluid? by Whane The WhipWhane The Whip, 29 Sep 2017 20:23
BattlesquidBattlesquid 29 Aug 2017 23:17
in discussion Hidden / Per page discussions » Dark Blue

This is AMAZING. Just inspires me so much to continue on my site. Nice clean feel that everyone would enjoy. Great job!

by BattlesquidBattlesquid, 29 Aug 2017 23:17
michaelbamshadmichaelbamshad 22 Aug 2017 09:33
in discussion Hidden / Per page discussions » Monobook

Excellent Information.

michael bamshad
microsoft Expert

Excellent by michaelbamshadmichaelbamshad, 22 Aug 2017 09:33

Good theme I used it on my website.The site came out nice after using the theme.

Nice little theme by tom wadetom wade, 15 May 2017 13:12
BattlesquidBattlesquid 15 Apr 2017 14:18
in discussion Hidden / Per page discussions » CAS 2

Beautifully simple! Good work!

by BattlesquidBattlesquid, 15 Apr 2017 14:18
danielbob1danielbob1 08 Dec 2016 20:53
in discussion Hidden / Per page discussions » Woodcut



by danielbob1danielbob1, 08 Dec 2016 20:53
leigerleiger 01 Dec 2016 01:31
in discussion Hidden / Per page discussions » Matalex Dark

I like the attention to detail you've given on each of the themes: Matalex Dark, Grey and Pink. Well done.

Will rate them up :)

Shane Smith - Blog - Wikidot Editor - Docs
NEW! ZoomPlanner - A new tool for freelancers and small business! Join the waiting list.

by leigerleiger, 01 Dec 2016 01:31

As a member of Reverend FoxReverend Fox's primary site, I'm quite happy that he made his theme publically available. It's a dark but clean theme which is very easy to read.

"Well, I just crit the bed!"
— Me.

I like it! by ExistentialGrey89ExistentialGrey89, 21 Oct 2016 16:28


I'm using your template in my wikidot site and I'm having javascript errors when I try to load it on INternet Explorer 11.

The error is:
Script445: Object doesn't support this action
init.combined.js (68,3871)

Can you tell me why?

Problems with IE 11 by siacuausersiacuauser, 17 Sep 2016 14:30

Hi am trying to make a school website for my school club however it wont show the sidebar even though I just copied and pasted the same code on this page. I have it as a custom theme with both navbars checked for use.

I have the same problem for some of my other sites as well. Not to mention every couple of days my site looks like the blank theme. Is there something that I am missing in the Site CSS or is it a bug?

Sidebar No-Show by Joshua DarbyJoshua Darby, 13 Sep 2016 03:16
Dig it!
Reverend FoxReverend Fox 03 Aug 2016 19:14
in discussion Hidden / Per page discussions » neon

I like the theme and am using it for 2/3 of my sites.

Dig it! by Reverend FoxReverend Fox, 03 Aug 2016 19:14
AidanAidan 18 May 2016 00:25
in discussion Hidden / Per page discussions » Forest

You need to upload your banner image to a page, and then for the url in the code (listed below) subsititute in your file. Say you named your image "back.jpg", and uploaded to the Start page of your wiki, then you need to change the code to:

background-image: url("/local—files/start/back.jpg");

/* ### Layout ############################## */
/* ###### Banner ############################ */
#header {
background-image: url("/local—files/forest/banner.jpg");

The World is full of People, most of them Other-Than-Human.

by AidanAidan, 18 May 2016 00:25

I like this theme, but would like to change the banner picture to one of my own. Can someone provide some information on how to do so?
thank you.

changing banner picture by dancombsdancombs, 17 May 2016 21:12
Re: Logo by Jade MarthaJade Martha, 19 Feb 2016 11:12
page »
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License