Installing themes on Tumblr is pretty straightforward. You look for a theme that suits your taste, you copy the code, you paste the code, and voila! Cool page for you!
BUT have you ever experienced installing a theme and then, when you view your page, there are some things that look off? Have you experienced installing a theme and then, your page doesn’t look like how it does in the theme preview? Like the colors are different (this could end up into an awful combination of colors) or sometimes the images from your previous theme are stuck when you switch themes (and they could go as far as being positioned in awkward places).
This is a terrible problem for people who are rather sensitive when it comes to their themes or for times when you found the perfect theme but it went wrong on your page. Here’s a simple fix for you, then.
Do this before you paste your codes in the customization panel.
- Scroll a bit futher down your existing theme codes and look for the set of lines that start with <meta name=“. You can search the codes (Ctrl+F for Windows; Cmd+F for Mac) but they are usually on the upper part of the codes and easy to see.
- Delete them. Every line that starts with <meta name=“. Every single one of them. ALL of them. Delete.
- Click Update Preview. Then click Save. Note: There will be no visible changes in your theme once you do this. But it does something. If you’re interested in coding, you can read the explanation I’ll give below the cut.
- You can now proceed to deleting the rest of the codes and pasting the ones for the new theme you are installing.