10X the power of Advanced Themer for Bricks Builder

Have you ever been working on an element and feel a little lost on what is going on with its’ styles? Well don’t worry this tutorial will put you in the drivers seat and give you a way of having a birds eye view of what is going on with just a single click.

Explainer Video

CSS Code

Just copy the code from the link below and paste it into the bricks settings under the builder tab choose custom and then in the custom code section paste the code and save.

/* Make the edited icon bigger */
.bricks-panel-controls .has-setting .indicator {
    background-color: currentColor;
    background-color: var(--bricks-color-secondary);
    border-radius: 0%;
    display: inline-block;
    height: 20px;
    width: 6px;
}

.brxce-panel-shortcut__container li.has-settings {
color: var(--bricks-color-accent) !important; 
 background: 	rgba(252,87,120, .5) !important;
}