100% tall container and sidebars on desktop / see gif 2 for responsiveness. As always super customizable!
like or reblog if you use (or just if you like!). Don’t take off the credit, but edit as you please. Links and more instructions/specific sizes in the source! Do let me know if something is wrong, I welcome feedback of any kind.
reminder I have a ko-fi if you’d like to support me <3
in this blog you’ll find:
-the soundcloud player button will automatically be the same color as your tags background (because it's small and it looks nicer to have it match). The player is minimal with visible album cover, by shythemes. Also by @shythemes and with @bychloethemes fix, the pxu photosets and the way I styled the like button, lightboxes, and the script for automatic video resizing.
-npf photoset fix and the (optional) searchbar (hidden under the feather) by @glenthemes
and button to copy the url of the post.
-a second source link will appear if the post has a custom source/a source outside of tumblr.
- @magnusthemes' no ‘href.li anymore’ script.
-by @eggdesign (optional) daynight button you can toggle off.
-dropdown menu that appears when you click on the animated link, a floating feather (or whatever image you choose instead of it) will show 5 more navi-links and a link to each custom page you make if you enable 'show link to this page'. As many as you want, you can scroll down the sidebar when they exceed its height.
-Spotify (audio and npf posts) will have a max height that is half the width of your posts instead of a big album art so they won’t become giant (keeping the 80px height to make the album art disappear will remove the list of songs if you post a playlist so I shortened it * see notes in the post linked in the source.
-responsiveness: even 540px posts + padding and containers will fit in the smallest desktop screen (1024px) because sidebars grow slightly smaller than their regular 250px. In all tablets and mobiles you get the sidebars on top and the container below, you can scroll down to see the content and the screen will also scroll if needed. (due to everything being naturally 100% tall and the post-width changing depending on the user I couldn’t have thin posts fit in big tablet or I’d risk cutting off the larger ones). Topsidebar1 will also show as much content in a row as possible.
-lines around titles of posts from css-tricks, optional unnested captions by @annasthms
-lots of instructions in the html if you decide to change something more.
what you can customize without going to the html page:
rest under read more because as always it got long. Please check it out!
for the toggle on and off section:
-turn on and off the visibility of the second sidebar bg if you just want the floating feather (or an image you may upload instead), daynight mode, the searchbar, the searchbar suggestions that appear when you click on it if you don't want to go to the html editor to add the links, unnested captions for textposts and unnested captions for all other posts ( see faq if curious as to why I divided them); the glow around navi links and description. The normal description if turned off will be replaced by one with a "fancy" background that fits this theme. Rounded borders.
for the pick it/upload section:
-pretty much all colors in your 'regular' theme, including each sidebar, the posts container, the posts second container (entries) and the posts background. All images you see except the nightmode button. Including a secondary bg image for your sidebar when they turn into topbars (given the big change of width), see post linked in the source for more instructions.
-if you have enabled daynight button, you can change the color of posts bg, text, entries, backgrounds, bottom permalinks, links, italic, questions, answers. I couldn't add more or I'd surpass the number of allowed meta tags, but it should be enough to allow people to read your posts (if someone can't read white on black text, like me, they can click on the button and have black on white text, or some other combo) If you want to add more you’ll have to go in the html edtior and search body.night for ‘instructions’, it’s pretty easy now that the rest is already written.
select section:
-when it comes to the container behind the posts and each sidebar you can select the blending mode between color and background image, which can be none if you want only one to show fully, or can be hard-light, soft-light, multiply and more, to make the image an overlay and see the result (for example in the preview the sidebar's bg gifs are on multiply or they'd be golden, on top of violet/purple, but in gif 3 you also see the 2nd sidebar on hard-light).
-post width (between 400, 450, 500 and 540 px).
-the font of the posts text among MANY options, including some that wouldn't work well for a post but is there to show you all the potential fonts present in this theme. Why? See below.
text section:
-you can type the following fonts (picking among those shown in the select menu for body font): description, blog title, post title, bottom permalinks, tags
-the size of the gutter/distance between images in photosets, blog title size, post title size, posts font size, description font size
-the symbol in lists items, currently a star or ' \26e6 '. You can replace with other codes or straight up the symbols, there will be a link in the source-link with a page full of other css symbols, remember to add a \ before the code itself.
-the names and urls of navi links (two are under sidebar 1, currently being home and ask, 3 more in the other sidebar)
hello! I really like your Rainy Days theme, but the cloud won't show up when I apply it. is there a way to fix that?
Hi! ahhhh this is annoying, it looks like the font icon I had used to make the cloud and the reblog/like buttons doesn’t work anymore. I’ll have to go in and redo it all with a different font icon :(
Thank you for bringing this to my attention! I’ll get to fixing it right now and edit this post when it’s fixed!
****edit***
the code has been fixed now! it’s under the same pastebin link as it was before, you need to reinstall it in order for the changes to take effect!
hello! hope this isn't an FAQ but i did check around before asking and didn't see anything so-! i LOVE your rainy day theme, i was just wondering if there was a way to get the text in asks/ask replies to align to the right rather than the left? sorry for the trouble!
Hi! Did you edit your theme at all? When I right click and inspect it it shows the text-align has been changed to left. On my test blog it works fine?
Go into the html and make sure .answer (around line 370) is set to text-align:right;
If you’re meaning the question part of the ask, go to .question and make sure it’s set to text-align:right;
Thank you for using my theme! :) If this didn’t solve the problem, please send another message and I’ll try my best to figure out what’s wrong.
hey i use your cute raincloud theme on my art blog and i noticed that when i respond to an ask with an image the post doubles it. i'll submit a picture to show what i mean cause that's easier to explain but i was wondering if you have a fix for it or if it's just the fact i use firefox not chrome that may be causing the visual error. thank you for your time!
Hi! Thank you for using my theme :) Its a problem with the code on my end, not yours. I’ve updated the code so it should work! You can reinstall the theme (it should keep your colors and fonts and stuff saved) or you can switch out this code
Or if you want to manually go in and change what I’ve changed you can. If you haven’t edited the html at all, it should be around lines 634-642 that you need to update. You can copy it from below, but you’ll need to retype all the quotation marks. Look for this section on pastebin and replace it with the one in your theme. Let me know if it helps :)
Hello! I'm trying to use your theme nephilim, but whenever I click the links for the code all I get is some kind of thing where it tells me to press download and nothing happens? I love the theme, by the way!
hello! thank you for letting me know, it appears the links are indeed not working correctly. I will go through and update all the theme posts. here is the direct link to theme nephilim: https://pastebin.com/cEmLaRws I hope you enjoy!
Hi there! So, I'm currently using your super cute rain cloud theme and I was wondering how do you get it so you can see reblogs that come from reblogging an ask? Like when you reblog an ask and comment on it via reblog text-post {not in the tags}, how do you see that entire post on the theme instead of just the post you reblogged? I hope my question makes sense! I would love your help! Have a lovely evening ^-^
I didn’t even realize this was a problem, thank you for bringing it to my attention!
I updated the code and I’ll go in and update my other themes as well. Since I only changed some minor things, your color options and fonts shouldn’t reset!
I am using theme 07 on a sideblog and for some reason, the buttons at the top right of the page (reblog, like, edit, etc) are not displaying. i have never had this happen with another theme, but i'd love to continue using yours because it's so gorgeous. has this been a problem for anyone else?
I’m glad you like the theme!
it seems the tumblr controls have become hidden behind the titlebar for some reason. you can easily fix this by adjusting the z-index of the titlebar in the theme code. the section you need to find should be located at the top of the code and looks like this:
just change the z-index to 99 and the controls should appear (they have a z-index of 100). I’ve updated the original theme code as well if you’d rather re-install the theme.
◆ LIKE OR REBLOG this post if you use this theme / Dê LIKE OU REBLOGUE este post se for usar este tema.
◆ Preview / Pré-visualização: Link
◆ Description+Code / Descrição+Código: Link