#theme bug

My first day on Tumblr. What’s the first thing to do? Find a beautiful responsive theme to fall in love with. In my case, it’s an amazing @oscar-theme​. I customised the design and chose my favourite colour combo of this season - white text out of blue. 

However, I immediately noticed a problem - when I hovered over my blog name from the dashboard, Tumblr used its own mobile theme to override my background colour which means my blog title and description were invisible. A bit of an issue I think!

Googling proved to be ineffective - I’m not sure how many other themes are affected by this issue, but a solution turned out to be quite simple. 

Tumblr uses the colours chosen in edit theme mode for both your blog design and mobile design. We can use this setting to set up colour for a mobile design version and then override it for our personal blog.

So in my case I made blue my

“Title colour” in theme settings, which means now the blog preview is correct but my blog page is incorrect. 

To fix it, I went to advanced options and added this custom CSS, which changed my blog title colour to white.

#title a { color: #ffffff !important; }

Now, I have my white out of blue on my blog page and blue out of white on my blog preview page!

there’s 2 options. first, go into your HTML code:

then ctrl f and look for this code:

if you find it, you’ll need to put this in before the “}”:

z-index:999999999!important; 

then save.

if you don’t have that code all together, make sure you put this code in with all the HTML:

.tmblr-iframe, #tumblr_controls { position:fixed !important; z-index:999999999!important; }

what the issue is, if you have your z-indexes higher than the tumblr controls, it gets fussy and doesn’t show them. so you just kind of need to override that and make your z-index obnoxiously high.

this is new, tumblr just decided to do this for some reason?