Friday, 7 September 2012

How To Remove Border Around Header

If you see a border around the Header image that somehow does not go with the image, you can either change it or remove it. Go to Template -> Edit HTML, and you will see somewhere near the top a style defined for the #header-wrapper and #header. There is a setting for the border. An example is this:-

border: 1px solid $bordercolor;

This border has a width of 1px, a thicker “solid” line instead of a “dotted” line, and a bordercolor that is defined under Template -> Fonts and Colors.

To remove the border, either delete this setting entirely or change the 1px to 0px width. Preview the template and if you like what you see, save it.

No comments:

Post a Comment