CSS not working in bubble app?

Hi all,

My CSS elements in my bubble app just seem to not work. I’ve added either my CSS code to the ‘Script/meta tags in header’ section on settings and tried to add to ‘Page HTML Header’. I’ve followed the tutorials on YouTube and followed out the exact same steps and just can’t get it to work. I’ve even tried adding !important to the code so it takes priority however this hasn’t worked either. Does anyone have any idea how I can fix this? For reference I used this video: How to add and use custom CSS in your Bubble app! - YouTube

Thanks!

It’ going to be a bit hard for anyone to now how to ‘fix this’ when they don’t know what they’re trying to fix…

What exactly are you trying to do?

And what exactly have you done that isn’t working?

Maybe share some screenshots and/or links to your app or editor… (or at least some actual information about what you’re trying to do and what isn’t working)…

Hi Adam,

I’m just trying to get some sort of evidence that CSS can work in my app.

I’ve attached screenshots of what I’ve done for a test (same as on the video I linked) but it doesn’t work for me.
image

try to add
!important
between the values and the ;

1 Like

I tried this but still no luck :cry:

Your CSS as above works fine for me.
Is your group a Fixed Container?

Screenshot 2022-12-19 at 13.38.12

The CSS in your screenshot works fine for me also…

Obvious question… but is your app on a paid plan?

1 Like

Exact same thought :joy:

1 Like

Lol :rofl: this was it. I didn’t realise (or read) that they made it a paid feature. Thank for the help

… so you can just add the CSS into an HTML element on the page instead and it will work just fine…