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.


quick-tips logo
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.

adsense

0 comments:

Post a Comment

 
 
Copyright © blog
Blogger Theme by Blogger Designed and Optimized by Tipseo