Snippets Collections
/* End of Page Graphic */
/* Use .path-frontpage for home page and .node-id where id is the node id, ex. .node-16 */
.path-frontpage .footer {
  margin-top: 0;
}

#your-block-id {
  margin: 0;
  padding: 0;
}
/* Rankings Feature Title Centering */
#your-block-id .panel__title {
 text-align: center; 
}
#your-block-id .panel__title:after {
 margin: auto; 
}
/* Full width custom block background and forgrond colors */
.custom-fwb {
  background-color: #022851;
  color: #fff;
}
/* Full width custom block title size and color */
.custom-fwb h2 {
  color: #fff;
  font-size: 3rem;
}
/* Full width custom block 2 tone color style */
.custom-fwb h2 span {
  color: #FFBF00;
  display: block;
}
/* Full width custom block image that hangs over the edge */
.custom-fwb img {
  top: -58px;
  position: relative;
}

/* Vertically center full width body text in large screen sizes */
@media only screen and (min-width: 992px) {
  .custom-fwb__body {
  position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension