jessestu/custom-css.md

## custom-css.md

      
    Raw
  

              custom-css.md
            
          
    Please go to My Site →  Customize → CSS (or Additional CSS), then add all of the following code to the bottom of that window.

/* This CSS makes the logo 50% smaller and centers items across the menu heading.
* 11299567-hc (jw)
*/
.custom-logo-link,
.custom-logo
 {
  width: 130px;
  height: 130px;
}

/* Cuts out the padding on the "Search bar" search box.
* 11299567-hc (jw)
*/
.search-form-section {
  padding: 10px 0;
}

/* Adjusts the color overlay on featured slider.
* 11299567-hc (jw)
*/
.banner-section:after {
  background: rgba(34,36,66,0.7);
}

/* Centers the background images on slider.
* 11299567-hc (jw)
*/
.owl-item > .item {
  background-position: center;
}

Tip: keep the /* comment */ in the code to later know what this code does.
Example of where to add the CSS