WHIMSICAL
THEME [04] & GUIDE BY GLENTHEMES
HOW TO INSTALL
Here's how to install the theme if you haven't already!
TABLE OF CONTENTS
✄┈ TOP BAR
✄┈ BACKGROUND
✄┈ SIDEBAR IMAGE
✄┈ SIDEBAR TITLE
✄┈ SIDEBAR DESCRIPTION
✄┈ NAVLINKS (HOME, ASK, ETC)
✄┈ CUSTOM LINKS
✄┈ SEARCHBAR
✄┈ PAGINATION
✄┈ MUSIC PLAYER
✄┈ POSTS
PAGE 5
PAGE 6
PAGE 7
PAGE 8�PAGE 9
PAGE 10
PAGE 11
PAGE 12
PAGE 13
PAGE 14
PAGE 15
REMOVE THE MESSAGE
This message appears in your customize panel when you first install the theme. But since you're already reading this guide, you can get rid of this message.
Go into Edit HTML and bring up the searchbar by clicking anywhere in the code and pressing Ctrl+F (CMD+F for Mac). In the searchbar, type {CustomCSS} and Enter.
Just above it, you'll see this:
change visible to hidden�Update Preview > Save
TOP BAR
The decorative blue bar at the top of your screen.
To change the color:
To change how tall it is:
if you don't want a top bar,�set this to 0px
BACKGROUND
Currently, the background is a small repeating image.�If you want to change the image:
If you want to use a large wallpaper for your background,
go to the background image type dropdown option�and choose large:
Currently, the background color is white.
If you change your background image to something dark,�you should change your background color to something similar as well. (The color will show for a split second when the page is still loading):
SIDEBAR IMAGE
To change the sidebar width:
You can change the sidebar image here:
don't forget the px
You can change how big the sidebar image is in relation to the sidebar width you've set:
if you want sidebar image width = sidebar width, set to 100%
SIDEBAR TITLE
To change the sidebar title text:
if you don't want a title, clear this box
Japanese font settings:
both Eri Ji and Hatsukoi Friends support Japanese characters
English font settings:
Use a larger font size for Japanese text
both Ness and Dreaming Outloud support English characters, but NOT Japanese characters
you can use a smaller font size for English text,�especially for Ness
To change the sidebar title color:
SIDEBAR DESCRIPTION
You can choose between your existing blog description, or use a custom one.
To use your existing blog description, scroll to the very top of the customize panel, and type in the description box in the APPEARANCE OPTIONS section (NOT the OPEN GRAPH OPTIONS section).
empty this box if you want to use your existing blog description
NAVLINKS
"Navlinks" refer to the 4 "color blocks" in the sidebar:
They're the basic links for home, ask, archive,�and theme credit.
[OPTIONAL] if you want to edit the link urls, for example change the /ask link to an /faq or similar, go into Edit HTML, use the searchbar and put in "navlinks" (with the quotes) and Enter.
text that shows on hover
page url
Each "color block link" has two colors,�a normal color and a hover color:
CUSTOM LINKS
You can have up to 6 custom links.�If you want to remove a link at any time, clear its "name" and "url" boxes.
if you want to link to a page under your own blog url, add a slash in front of it, e.g.�/tagged/whensad�/blogroll
SEARCHBAR
To make sure the searchbar works properly, you need to go into your blog settings tumblr.com/blog/your-blog-username
Scroll down to Visibility and make sure both of these are turned to gray:
You can change the placeholder text here:�(a placeholder is the temporary text that's shown before the user types their query into the searchbar)
If you don't want the searchbar, go to the show searchbar option and change it to hide.
PAGINATION
You can choose where you want your pagination to be:�sidebar [or] bottom of the page, after the posts.
There is no infinite scroll in this theme. Please do not ask me to add it!
forgive me. i didn't know what to put here
MUSIC PLAYER
You can have 1 song ONLY for the music player.
you can change the song name to anything you like, you don't need the hover text.
audio file url goes here.
to change it, please read:
If you don't want a music player, clear those two boxes.
Here you can set how loud or soft the music is. The default volume is 100%
POSTS
You can change how many post columns there are:
But remember that there will only be 1 column on the permalink page (when you go to a post's own page).
regular post width
post width on permalink page (post page)
You can also change the little icons in the permalink/date bar (bar at the bottom of each post):
note count icon
You can choose any from this list ONLY: glenthemes.tumblr.com/icons/aa-line-icons
POSTS - "READ MORE" FUNCTION
Since long posts can look kinda weird if you're using 2 columned posts, I've added a "shrink long posts" under a "keep reading" button.
If you want to edit it, go into Edit HTML and type readmore settings into the searchbar and Enter.
change this to no to make all posts normal
change this from expand to postlink to open long posts in their full form on their own post page, rather than expanding it in the presence of other posts
THANK YOU FOR READING!
I hope this guide was helpful and easy to understand! If you have any questions, feel free to drop a message in the #theme-help channel of my Discord server (discord.gg/RcMKnwz) or DM me upon joining ヽ(✿ﾟ▽ﾟ)ノ