DUPLICATE: Adding Custom CSS to Theme Stylesheet is being wrapped in wrong Media Query

[vh215]

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.

I’m trying to add some custom CSS within the Theme Settings at the root size (which is the smallest size) but when the CSS that is being output is being wrapped in a random media query (the second largest media query I have).

[timmse]

Hi,
Thanks so much for your report, and welcome to the forum!

The problem has already been reported, but is unfortunately not yet fixed.

WIP: Theme stylesheet stays linked to standard base breakpoint, instead of new one

I started developing a website in Bricks v1 and had changed the base breakpoint to one my custom breakpoints. After Theme Stylesheets were introduced in the Theme settings, in v2, I started using them for this site. However, I noticed that all my entries in the Theme Stylesheet are automatically linked to the previous, ‘standard’ base breakpoint, even though this is not the base breakpoint anymore. The old base breakpoint is now set to max-width: 1280px, and all the custom CSS in the Theme Style…

Please add your custom styles temporarily in the page settings of your heading template (there it should work, and the correct media queries automatically apply), or in Bricks » Settings » Custom Code » Custom CSS, and add the media queries manually.

I’ll close this thread accordingly, and we’ll update the original thread once the issue is resolved.

Best regards,
timmse