How to make your Twitter Sidebar transparent.

by Paul Allen on May 26, 2011

If you have a background image on your twitter page, you might like to consider making the sidebar transparent so more of your background is visible to visitors. It’s especially good for businesses looking to create the right impression  on their social media platforms.

Take a look at this great example for @welsbyassociate


It’s really simple to do and takes just a couple of minutes to complete so if you’re feeling brave follow the steps below!

One word of warning before you start, just be aware that the colours of your background need to contrast well with the text which will then be sitting on top, so you may have to change the colour of the text which is also easy to do. Just click on your username at the top right of the page, then select Settings/design/change design colours. Similarily, if the background is very busy it might be difficult to read.

So here are the simple steps:

1. Login to your Twitter account and go here: http://twitter.com/settings/design

2. Copy the code below and then paste it into the address bar of your browser (replacing your Twitter URL)

javascript:document.getElementById(“user_profile_sidebar_fill_color”).value = ”;document.getElementById(“title_theme”).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);

3. Then press enter on your keyboard, click save changes at the bottom of the design page & refresh the page using Ctrl+F5

Now the sidebar should be transparent and more of your background will be visible. Here”s another example to inspire you from @designbydeborah


If, having made the changes, you don’t like what you see (and changing the font doesn’t help) its  easy to change it back. Just follow these simple steps:

STEP 1: Still logged into your Twitter account.  Select settings under your username as above and then click on the design tab.

STEP 2: Return to your design settings page: http://twitter.com/settings/design

STEP 3: Click the words “Change design colors” near the bottom of the page and you’ll see several colored boxes.

STEP 4: Click in the colored box under “sidebar” & choose a color by clicking and moving your mouse around in the box of colors.

When designing a background image for your corporate Twitter account there is a degree of skill in positioning images in the right place to compliment the text. I have a great designer contact who in addition to creating the images in this post, is happy to build bespoke images for your business page. Please email me via the website for details.

Hope that’s a helpful hint and makes your business look better on Twitter!


Leave a Comment

Previous post:

Next post: