Google Plus - Backgrounds

Added by LunarArc@userstyles, Created: Sep 08, 2011, Updated: Sep 14, 2011
No screenshot
Image Resize


DO NOT INSTALL AS USER SCRIPT. Doing so will prevent you from choosing your own background image.

Adds background images to Google Plus. Also optionally makes the stream semi-transparent so that you can see more of your background image while still being able to read posts. Make sure to read the instructions below for how to set your background image. I know there's a lot of text, but if you don't read it you'll probably break something.

If you have any problems or questions, you can contact me on Google+, where my user name is Lunar Arc (you can find my profile by searching for "frezarion"). Just tag me in a post with your question. If you don't want to or can't contact me on Google+, you can send me an email at frezarion at gmail dot com.

More info

When first installed, this script uses the Google Logo as the background image for G+. You can see it behind your stream if you have transparency enabled. You can change it to any image you want as long as you have a link to the image online somewhere. I recommend Imgur. Please note that most websites don't like hot-linking to their images on their server - the extra traffic can bog them down. If you find an image you'd like to use online somewhere, please be courteous and download the file then re-upload it to imgur or a similar service.

To set/change your background image:

- Go to your browser's extension list(In Chrome: Menu > Tools > Extensions, In Firefox: Menu > Addons then Click Extensions on the left)

- Find Stylish and click its Options link/button

- You'll now see a list of styles that Stylish has installed. Find this one on the list and click Edit

- In the code, find the "#content" section and locate the line within that that starts "background-image: url("

- Replace the link inside the "url()" part with a link to the image you want to use as a background

- Click save

- Your background image should have taken effect now. If not, try refreshing.

If you have chosen to not resize your background image, you may wish to change how it's positioned on the screen. You can do this using the "background-position: center center;" line. This tells the code how to align your image horizontally and vertically. For example, if you wanted your image aligned with the top-left of the window, you would change this line to read "background-position: left top;". Again, this is only relevant if your image is NOT being resized.

Sometimes the transparency will randomly decide not to work. A page refresh should fix this. I don't know what causes it.

DO NOT EDIT ANY OTHER LINES UNLESS YOU KNOW WHAT YOU'RE DOING! Especially in the areas outside of #content, it's very easy to mess up the styles and make your stream look really weird.

You should to add comment and rate the style.


+ Create discussion

Applies to:,

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.