#!tumblr coding

[reithemetips]

How do I add a read more on tumblr mobile?

unfortunately, there isn’t any way to make a post with a read more on the mobile app at the current moment. however, you can still do so on the web version of the app within your phone / mobile device’s ingrained web browser.

simply log on to your blog and create a new post ( drop down menu located in the top left corner ). once you have the new post open, type [[/ MORE /]] — without the spaces and ‘ / ‘s — for the read more break then type the rest of your post before posting it. when posted, the read more should be included in the post.

of course when you click the link, it should lead you to the full post on your blog.

i hope this was helpful for you!

[reithemetips]

HTTPS:// ERROR MESSAGE FOR MINTRPS’ ‘ 01. sunsets ‘ FIX

i have spent the past couple of hours with another person trying to figure out what was going on with @mintrps‘ sunsets theme as it gave the infamous https:// error message that we are all much too familiar with by this point when trying to be saved.

and i’m pleased to announce that the cause of the error pop up as been found, and if you are having issues with this theme specifically, below is the code you need to remove in order to save your theme.

<img src="https://i.imgur.com/MSbNhM7.png" style="position:fixed; width:60px; margin-top:-15px; margin-left:-13px; opacity:0.6; pointer-events:none;">

this piece of code will be under the <div class="tabimg" style="margin-top:15px; margin-left:10px;">, just before <img src="{image:tab image}" style="border-radius:10px;width:100x;height:150px;">. now, the tag in the blockquote seems to be the only piece of code you need to remove in order for the theme to save.

i hope this was helpful to anyone who is using this theme for their blogs, and i’d like to thank the person who contacted me directly about this issue as we worked together to resolve this issue until the original creator can give a fix / update themselves!

[reithemetips]

Hey there, I'm not sure if you are able to help me with this issue as it's a bit on the complicated side, but I'm using Pohroro's Floramour theme (they don't seem to answer asks regarding their themes anymore, sadly). The theme has a strange spacing issue with posts that have more than 2 pictures in it, it just leaves a massive gap between the pictures and the text and I can't figure out how to fix it. It seems to be an issue when viewing the blog on Mozilla, but not on Chrome?

it may very well be an issue with the browser as opposed to the theme's coding itself. because a good chunk of coders, if not all, use chrome as their primary web browser, they most likely code their themes with chrome in mind only. so other browsers like firefox or safari may have trouble rendering and viewing the page.

[reithemetips]

Photoset spacing

Hello, I was recced to here to ask you to see if you know what I might be doing wrong. I’m suddenly getting gray borders around photos in photosets. It means often, the wonderful reblogs gets ruined because of my tumblr template. I tried removing border and margin to “0” but it doesn’t make it go away. I’m ruining other people’s hard work. Do you know how might I fix this?

firstly, i would like to apologize for the extremely delayed response, @d8rkmessngr​. i had a very busy couple of months but i’m more than happy to assist you in seeing how to remove the border.

now, i went ahead and jumped into the code to see if i can find where you can remove the border. and luckily, i did, and it was in the most unexpected place. below the cut will be the instructions on to either hide ( in case you would like the border back ) / remove it:

so the code for the border is actually in the first batch of lines before the default CSS coding:

the highlighted coding are the ones you’re looking after. to simply remove the borders you can either just plain deleting it, or if you’d like to have the option of having borders again, placing this code /**/ to hide it from your theme. it will have the same effect of it not being there at all.

and voila! the border is gone! it’s as simple as that!

i hope this little tutorial helped with your frustrations!

[reithemetips]

Small Text in Text Post Tutorial

Requested by myriadlightning. Tutorial under the read more.

This tutorial will demonstrate how to change the text size to a smaller size on text posts--or any post that allows text in general.

First, make a new text post as normal.

There is a clear difference between the regular sized and small sized text.

Then enter into the HTML code system that is in the options bar above the post. It is labeled "< html >".

Working with HTML coding may seem scary at first, but it becomes quite easy to understand and use the more you play around with it.

Before saving the changes on the HTML code.

After saving.

It is very simple to do, although it is understandable that it can be very frustrating most times. Just be patient and just remember to switch back and forth between the Rich Text and HTML modes every so often to make sure everything looks in order.

For more tutorials, click under the "Tutorial" button on the menu. Thank you for reading and keep tumbling.

[reithemetips]

How to Apply A Tumblr Theme Code

This a tutorial with visuals on how to apply a custom Tumblr theme on your blog. Tutorial is under the read more.

First, you want to go to to your blog or your settings to get to Customize button. (On your blog, it would be usually on the top-right hand corner next to the Dashboard button.)

This is what your initial blog will look like.

Second, you want to find a website that makes custom Tumblr themes. You may refer to this page if you want a list of websites and blogs.

Next, find a theme that you like. The post will usually have a preview of the theme, a link for the actual layout of the theme, and another link that leads you to the actual code. For this example, I will be using zuvia’s theme “Swan Song,” which can be found here.

This is the RAW Code for the theme, easy for copy-and-paste.

Now, with your opened tab with the Customize page up, copy-and-paste the code onto the HTML Coding system—that button is usually under the the Preview image on the customizer.

This would be the code--on the left-hand side--for the Default Tumblr Theme on your blog.

Once you have copied and pasted the code of your desired theme, press the “Update Preview” button first, then the “Save” button. You may either press the “Close” button on the previous menu or open a new tab for your blog to see if it had transferred over to it after you have done those two things.

And viola! You now have a nice, customized theme for your Tumblr! To learn how to change certain elements such as the colors on your blog, refer to here! Thank you for reading this, and I hope you learned on how to apply Tumblr themes properly.

*EXTRA STEP!*

Some themes will require you to do an extra step for them to work. It is not a large step. It only takes a minute or two to do. Sometimes, you must change the Default Layout to another preset theme before pasting the custom theme code to the HTML code. The theme you must change it to is the “Redux” theme by jacob, which can be found under the Free Themes section from the drop-down menu above. Click on that theme, and save it by pressing the “Use Theme” button. You may either close the customizer, and re-enter it, or refresh the page to continue.