Layout: Heartbreaker

image preview | [info]tess042


Hey guys! I'm super stoked to post the finished layout that I did during my second Patreon livestream a couple of weeks ago! This extremely mobile-friendly layout is one of my few no-sidebar layouts, and it features a bold header and title, as well as fun entry icons and a simple, open entry display; great for game info or journals that prefer above-cut content!

I hope you're all having a great holiday season! I have a bunch of great stuff planned for 2018, and I cannot WAIT to announce and release everything I'm cooking up for you guys! Enjoy! ♥

Layout Coding

Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title, then save.
♡ Go to Look and Feel, choose Complete Style, then save.
♡ Go to Custom Options and choose the following options:
Layout Type: One Column
Disable customized comment pages for your journal: Yes
Link text to leave a comment: Comment
Custom stylesheet: Input the CSS provided and save!

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

Change height:78vh; to your preferred size and your header will be all set! Remember: This value shows up TWICE, so change both to the same, new header height (otherwise the side border will run down into the content or not go down far enough, depending on whether you're making your header taller or shorter.)

Lato - Page text
Poppins - Header text

#fff - Page background, header borders, header title and navlinks, calendar elements
#ffc0cb - Links and headers; top nav numerals
#ddd - Entry and icon border, date, footer border, calendar border
#999 - Tagspage header, date, entry tags, credit
#111 - Page text

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!


( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Don't have an account? Create one now.
No HTML allowed in subject
Notice! This user has turned on the option that logs your IP address when posting.