Viwan Themes

Un-nest tumblr captions, a plugin by @magnusthemes​ & @neothm​

A.K.A theme-makers coming together to save each other’s days. As we realised most of us had trouble with the parsing (or lack thereof,) of tumblr’s captions, we came up with a solution to “un-nest” tumblr’s captions from their typical blockquotes pilling up inside one another, and therefore coded a light (1.7 KB) plugin able to separate them neatly into their own parts.

Demo | Download the minified code

Or you can play around with it on Codepen.

Usage and options under the cut!

Recently theme makers and users have had some trouble with the tumblr controls, and it looks like tumblr have changed the code - or are currently in the process of doing so. This is why the tumblr controls work for some and not for others. 

If your tumblr controls do not work correctly

Tumblr have changed the name of the class and deleted the id on the new code. So instead of working with the id:

#tumblr_controls

You need to change it to:

.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop

If your tumblr controls still does not show, it might be because it’s hiding behind another div. Add this to the tumblr controls css:

Luckily, thanks to the WayBack machine, we can see that the script is still available on tumblr’s static servers!

To restore infinite scrolling (this worked on my blog) do the following:

Click ‘edit theme’ on your blog’s home page (or customize blog)

Click ‘edit HTML’, which you did to put the script on your blog in the first place.

Find the script code; it’ll be “script type=“text/javascript” src=“http://codysherman.com…“

That ‘codysherman’ URL is the one that’s causing problems, since the website is down/blog was deleted. Tumblr still hosts the code, though, so just replace that entire URL, from “http://” to “…/code“ with this URL: http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js

Save everything, and voila! Don’t change ANYTHING else, JUST replace the faulty URL. 

To be on the safe side, if you have your own server, I recommend copy-pasting the code in that JS file and uploading it to your own server, then replace the URL with your own URL. That way even if something happens to that static URL, you’ll be good to go!

????

Profit

tumblr’s all messed up again and this time it’s affecting on blog’s backgrounds. if your blog has a black background here’s 3 ways to fix it

1. upload a background image. any image is good and fixes the problem. no theme code editing necessary

2. set your background on no-repeat. the only drawback is that if you want to use a background image after this it won’t be repeated. find a part from the theme code that says “background-repeat:repeat;" and change it to "background-repeat:no-repeat;”

3. replace the background url part with new coding. it works the best since you still can use a background image and have it repeated. just find this part from your theme code

background-image:url('{image:background}');

and replace it with this

{block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}