Saturday, January 5, 2013

Remove sidebar background in the Travel template

This quick-tip is about removing the coloured section that is in the background in Blogger's Travel template.

Recently, I've been using the Travel template a lot:  it just seems to line things up more sharply on the page.

Today I noticed that there is an option for setting the Sidebar background colour under the Template Designer > Customize > Advanced tool.  However it doesn't seem to work.

Investigating the template shows that as well as this sidebar background colour (which is correctly set by the option above), the template also specifies a background image (ie not a colour) to use in the sidebars.    This isn't removed when the overall background image for the template is removed, and cannot be controlled from the template designer.

But it's simple enough to get rid of it, by following these steps:

1   Edit the template in the usual way.

2   Tick the expand widgets checkbox.

3   Find this code:

background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;


4   And either replace it with this code, or delete the line entirely.

/*  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;  */


The first option just comment its out, meaning you could re-instate it again by removing the /* and  */. But if you are certain that you never want it back, just delete the whole line instead.

Depending on the sidebar layout chosen, there may be one or more places where the background image is.   Make sure that you do all of them that you want the background removed from.

Also, if you later choose a different layout, you make need to remove the background image again even though you haven't actually changed templates.

Share this Article

URL:

HTML link code:

BB (forum) link code:

Subscribe to Blogger-hints-and-tips

FeedBurner will send a confirmation message. Click the verify link in it to start your subscription.

Follow Me on Pinterest Subscribe to Blogger-HAT on Google + RSS subscription icon Follow BloggerHAT on Twitter

3 comments:

  1. Thank you!

    That's what I've been looking for.

    ReplyDelete
  2. I tried this and it worked! Do you know how to change the colour of the sidebar so that it's white?

    ReplyDelete
  3. Thanks so much! Do you know how to do this with the footer as well?

    ReplyDelete