Remove sidebar background in the Travel template

<b>This quick-tip is about removing the coloured section that is in the background in Blogger's Travel template.</b><br /><br /><a name="more"></a><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoKsnIxPR8hRD3zlIROfwmIyhJ_XvHLK9DF9oaDCcCShNi5phygkHn4wXyz3efThL9uY33dd3cGvd4obYBcaSI8EjN1Munn7Ua9gtS99i0Xlkr7Yp35LP7tvpMdazq9an_VZATg2S2y2yt/s217/quick-tips-blogger-hints-and-tips.png.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /><img alt="quick-tips logo" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoKsnIxPR8hRD3zlIROfwmIyhJ_XvHLK9DF9oaDCcCShNi5phygkHn4wXyz3efThL9uY33dd3cGvd4obYBcaSI8EjN1Munn7Ua9gtS99i0Xlkr7Yp35LP7tvpMdazq9an_VZATg2S2y2yt/s217/quick-tips-blogger-hints-and-tips.png.png" title="Quick tips for Blogger Users - especially about how Blogger works with other popular tools" width="200" /></a></div>Recently, I've been using the Travel template a lot:  it just seems to line things up more sharply on the page.<br /><br />Today I noticed that there is an option for setting the Sidebar background colour under the <b>Template Designer > Customize > Advanced</b> tool.  However it doesn't seem to work.<br /><br />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 <b>background image</b> (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.<br /><br />But it's simple enough to get rid of it, by following these steps:<br /><br />1   <a href="http://blogger-hints-and-tips.blogspot.com/2012/02/how-to-edit-your-blogger-template.html"><b>Edit the template</b></a> in the usual way.<br /><br />2   Tick the <b>expand widgets</b> checkbox.<br /><br />3   <b>Find</b> this code:<br /><br /><blockquote class="tr_bq"><span style="font-family: Courier New, Courier, monospace;">background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;</span></blockquote><div><br /></div><br />4   And either <b>replace</b> it with this code, or <b>delete the line</b> entirely.<br /><br /><blockquote class="tr_bq"><span style="font-family: Courier New, Courier, monospace;">/*  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;  */</span></blockquote><div><br /></div><br />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.<br /><br />Depending on the sidebar layout chosen, there may be <b>one or more places</b> where the background image is.   Make sure that you <b>do all of them</b> that you want the background removed from.<br /><br />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.

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 us...

Read more »