How to unload a specific Bricks CSS file?

How To
1

Hello,

I’m using action “bricks_after_header” to insert a bricks template after my header with “echo do_shortcode( '[bricks_template id="161878"]' );”

The problem is that by doing so the CSS associated with that Bricks file (/wp-content/uploads/bricks/css/post-161878.min.css?ver=1725014973) is loading after the one from the actual page and it messed up my design by giving the default Bricks CSS that I don’t want.

Exemple with this:

:where(.brxe-image).tag {
    display: inline-block;
    height: fit-content;
    position: relative;
    width: auto;
}

So in my head I wanted to remove that specific bricks CSS file for loading using PHP, how can I do that?

1 Like
2

Any idea on that? @Matej

The position: relative; from this CSS is messed up my design

3

Hi @Adrien,

similar to what I answered you in the other topic - you will have to write your custom CSS, which will override this one, where your CSS should be a bit more specific than the one we have.

You can also try to enable inline CSS rendering or Cascade Layers, to see if that helps - but keep in mind that that is still experimental, so even if it helps, do not use it on live website.

Best regards,
Matej

4

what are you trying to do different header or something for some pages ?
or different section under header for some pages ?

if that is the case there are better ways to build that.

I would just use build whatever I need on header and hide or show the sections I want to show depending on the page with conditions.

just recently built 3 header website every header showing different logo or menu or design everything one header and only conidtions.

it is possible to build otherway around as well instead of using same header multiple section with conditions you can make multiple header template with different template conditions as well.