#themebug

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!