How to Customize the Default Widget Design

BoldGrid themes offer a wide variety of customization options, but there are some elements that are not controlled by the styling options available to you in the Customizer.  Widgets fall into this category and sometimes they have default styling that you want to get rid of. This guide demonstrates how you can use CSS to target your widget elements and remove some of the default styles contained in your BoldGrid theme.

Many of our Inspirations themes contain default styling for widgets and in most cases this includes a white background and border that you might want to remove.

The Custom CSS option in your website’s Customizer is the best tool to help you remove the background and border on your widgets.  The following code will remove the border entirely and make the widget background transparent, but you can create additional rules within the CSS selector and further customize you widget design.

.widget.well {
    background-color: transparent;
    border: none;
}