How to avoid ID's or Class ID's css cover my Class'css

How To
1

Hey,

This always seems to be an issue with display settings.

I created a global CSS class called 2-col that sets display: flex and arranges items horizontally.

But all elements have auto-generated IDs / CSS IDs, the 2-col class doesn’t seem to apply. Everything stays vertical. It’s really time-consuming to manually adjust each element for desktop and mobile one by one.

Super frustrating :weary: , does anyone know how to force class styles to override these auto-generated ID styles?

2

Sometimes changes (specifically grid/flex changes) don’t seem to apply in the builder. Have you tried saving and reloading the page to see if that works?

3

Thanks for reply. Unfortunaly refreshing cannot fix it. I got a reply from another thread it is updated on V2, dont have time to test yet.

4

I have this case too. In particular mine is using listing grids and creating various settings on the different screen sizes. I have a number of pages that use listing grids so I created a class with the number set. However it always takes it from the id (despite it initially being greyed out and I don’t know how to remove that). So instead of doing all the settings at once I have to go through each page and screensize to do it.

Advice from anyone would be greatly appreciated.

5

Just for clarification, the only thing that seems to fix the issue is reloading the page in the browser, not refreshing the canvas using the refresh button in Bricks.