Apply Grid to Bricks Builder using Microthemer to both the editor and frontend

This topic contains 3 replies, has 3 voices, and was last updated by  stephen Jeffers 4 weeks ago.

Author Posts


Hello Sebastian

Would it be possible to help with 2 queries if possible? I can post a separate question for the question query.

I can use Microthemer a grid in Bricks builder no problem but this doesn’t reflect in the editor.

The problem I think is that I need to target both the front end and editor selectors at the same time.

The selector seems to be following.

“all containers are wrapped in an additional div, which has a class named .bricks-container-inner.”

The answer has been given below in the link. Would it be possible to create a little video here or on your youtube channel on how to achieve this?

It’ll not only solve the problem for many bricks users but can be used to promote Microthemer at the same time.

Many thanks


Here’s an example from Bricks.

.bricks-is-frontend .grid-container,
.grid-container > .bricks-container-inner {
display: grid;
grid-template-columns: repeat(4, minmax(20%, 1fr));
/* … */

/* Reset other .bricks-container-inner inside .grid-container > .bricks-container-inner in the builder */
.grid-container > .bricks-container-inner > .bricks-container-inner {
display: inherit;



Sure, I’m happy to make a video explaining the best way to achieve this. I’ve contacted the author of Bricks to check what his long term plans are for addressing this kind of situation, if any. Ideally, the DOM structure would be more consistent between the front and back, but there may be technical reasons why the current system needs to remain in place.


stephen Jeffers

Hello Sebastian

I’m happy to go by what you decide and what’s best in terms of best practices. Even if you feel that creating a video is not the best thing to do. I’m still fairly new to CSS so if there’s a better option, perfect. I value your opinion above all.


You must login or register to reply to this topic.