Styling/CSS Problems in Templates

How To
1

Browser: Safari and Chrome
OS: macOS
URL: Link to a page that illustrates this issue

I have a fresh install of Bricks with Automaticcss installed. I created a header and a footer template and everything was fine. I then started on the homepage and after a couple of hours of working suddenly my header and footer lost all their styling. And now when I try to import a template from the community templates it immediately looses all styling. I have regenerated the css as inline and as external file. It didn’t change anything.

Does anyone know how to fix this?

2

Hi,
Welcome to the forum!

Can you provide a live link where we can see the issue?

Best regards,
timmse

3

Hi and sorry for the delay in responding. You can have a look here: https://rheno-purewater.lettrafot.ch
The Footer is the «Reality» Footer from the Bricks Templates. As you can see it is completely unstyled. It is not a CSS issue since it is also completely unstyled in the builder right after I import it.

4

You’re using a different base breakpoint other/larger than the default one, right?

The community template uses the default breakpoints, and it basically works as expected (if you move to the next breakpoint):

CleanShot 2025-04-15 at 09.53.51@2x
CleanShot 2025-04-15 at 09.53.51@2x1920Ă—1157 195 KB

To make this work on your custom breakpoint, you must move the styles to your breakpoint. Unfortunately, there is no native solution for this yet, except to do it manually for each element.

5

Thank you so much, I was going crazy since I knew somehow it must be my fault, but couldn’t figure out what was wrong.