Styling the Builder an Update for 1.9.8

Styling the Builder an Update for 1.9.8

April 23, 2024

This is a quick update to my previous article. The Bricks 1.9.8 update added an indicator on an element if it has been styled at a specific breakpoint. It is a 4px dot that I find a little too hard to see especially after the Advanced Themer version of this was noticeable (a bar at the bottom). I turned off the AT version and added this CSS to compensate. I noticed that using 100% when there are adjacent elements with styling was a little too much. I also change the default color to be more noticeable. The transition doesn’t serve a a purpose other than I liked the effect.

/* Changes the size of the style applied indicator on breakpoints. */
#bricks-toolbar li.breakpoint.has-styles>span:after {
    height: 3px;
    width: 90%;
    background-color: rgb(255, 140, 40);
    opacity: .7;
    transition: 300ms;
}

Here is a comparison of the two — the original and the modified.

I haven’t looked at other UI changes in depth to see if styling is needed, so don’t be surprised if there is another update.

Leave the first comment

Other articles