Screenshot of the page opened on the desktop.
Responsive view of the page.
Get the code: buymeacoffee | ko-fi | payhip
Previews:
After payment, you will receive two code files, one with JavaScript and the other without. This way, even if you do not have Tumblr’s permission to use JavaScript on your blog’s pages, you can still use the code. → Please respect my terms of use.
Find the following line to change the page title in the browser tab:
<title>{Name} | About</title> <!-- change tab title here -->
Find the following line to change the colour of the mobile toolbar:
<meta name="theme-color" content="#aaa"/>
The code uses CSS variables so you won’t have to go through the entire code to make changes to e.g. fonts or colors.
What is nested inside of <div id="decor"> is just for decorative purposes. You can delete all of that if you do not want the decor and want the code to be cleaner.
Actual content is added into the <section> blocks nested inside of <main>. There are comments in the code which tell you where you can or have to add / delete / edit things.
The sections “contact” and “blogroll” use code provided by tumblr, therefore you do not have to edit anything in those sections (except maybe for the titles) as the content is fetched automatically.
How do I change the fonts?