Using the builder to remove a class from grid

I’m using the Builder to put together a grid. It’s working fine, but it’s very centered, with a lot of margin to its left and right. I notice the grid container has the following declaration:

.x-section.narrow .x-container.max {
  max-width: 835px;
}

If I remove that declaration using my browser’s developer tools, I get the result that I want, so I know that it can be done with CSS. I’m trying to determine if there’s a way to change this natively from the Builder? I thought it would be as selecting the Row -> Setup -> Global Container -> Off, but that doesn’t quite do it.

Hello @agorder,

Thanks for writing to us.

It seems that you have added custom Class to the section and you have added custom CSS code based on that. I would suggest you go to the page —>Section —>Customize —>Class, remove the class that you have added. "narrow ".

I would also suggest you remove the custom CSS code from the Theme Option —>CSS or Page-specific CSS box.

Hope it helps
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.