small screens (1024x600) previews and codes
*this only change the top right icons to bottom left and the secondary muse tab now is on the top left icons because tumblr’s controls get in the way before*
static preview: dark code: pastebin / google docs
static preview: light code: pastebin / google docs
! html and css knowledge is recommended to use this theme !
custom layout page, how to use:
- create a new page, change from standard layout to custom layout at the top of the page and then place the code there
change the content:
- search for <div class=“container”>, the navigation is the first there, always a <li> with <a> inside(the actual links and icons). then below you’ll see comments where it begins and end the muses sections, i’ve put comments on just about everything, where you should change or copy and where you can’t, the tags are a bit self self-explanatory too
change the colors, font, size, etc:
- search for the comment /* ———— theme’s variables */ at the beginning of the theme, everything is there, just read carefully, and it’s not as hard as it looks
- CTRL + F (COMMAND + F on mac) IS YOUR BEST FRIEND, really, anything you need to find out quickly.
theme options
- image size are 225 x 200, but they’ll resize without stretching or ruining the image if you use a different size
- there are 4 regular links + one muse tab for secondary muses on the top, and 4 extra regular links at the bottom
find the top links at <div class=“top-navigation”>
and the bottom links at <div class=“bottom-navigation”> this one is right at the bottom of the theme, after the main and secondary muses
change the icons
they are <i data-feather=“home” class=“feather”></i> and all you have to do is enter here on feathericons and choose an icon. you’ll only need their name, then add that between data-feather=“name_of_the_icon_here”
anything else you need you can send me an ask or message