Fixing the shortcuts in Bricks Builder 2.0 RC

I take a look at the good and bad of the new Bricks Builder Release Candidate. While it is not perfect, it is another step up for WordPress developers and I think it brings us closer to having the ultimate professional web developers tool for creating fast and optimized sites.

Builder Code to fix shortcuts:

li.control-group[data-control-group="_layout"] > .control-group-title,
li.control-group[data-control-group="_typography"] > .control-group-title,
li.control-group[data-control-group="_background"] > .control-group-title,
li.control-group[data-control-group="_border"] > .control-group-title,
li.control-group[data-control-group="_gradient"] > .control-group-title,
li.control-group[data-control-group="_transform"] > .control-group-title,
li.control-group[data-control-group="_attributes"] > .control-group-title {
  display: none !important;
}


#bricks-panel-element-shortcuts {
opacity: 1;
}

#bricks-panel-element-shortcuts li.has-settings .bricks-svg-wrapper:after {
height: 100%;
border-radius: 5%;
width: 5px;
}

#bricks-panel-element-shortcuts li svg {
font-size: 20px;
transform: scale(1);
}

#bricks-panel-element-shortcuts li {
margin: 1rem 0;
}