Specific design goals in Bubble - CSS?

Hiya, I’m aware that it is possible to insert CSS into the HTML editor for a more upscale look on Bubble, but I dont know any code/ CSS. Wondering whether it is possible to find code snippets from online libraries and achieve the elevated design I want without learning CSS? If so would appreciate any resources, thanks!

  1. Is this even possible
  2. any code / CSS snippet library links pls thank you!

If you want to take that route, I encourage you to learn at least some basics of HTML and CSS and be willing to learn more as you go. CSS is complex, and I’ve heard it confuses even experienced traditional devs by not doing what’s expected. Bubble adds complexity by overriding a lot of the CSS we add. Even if you fiind good CSS sources, you might still need to troubleshoot. And preview the pages in various browsers and on both mobile and desktop.

thank you so much!
I also have the option of using Framer or Webflow - do you happen to know if these will be better/ more flexible in terms of beautiful design? Open to learning CSS… just worried about it taking too long!

I don’t know anything about Framer. Webflow probably is better for design, but it’s only good for the front end or for websites with limited functionality. It’s not a full-stack application creator.

Yes, 100%.

Best place to start is https://www.w3schools.com/

It has been my go to resource for CSS, and has allowed me to do some pretty neat tricks. I also sometimes just google search and find what I need. Codepen is a great resource as well to even get some javascript into the mix…I built my own custom graphs and charts using javascript, css and html found on codepen.

2 Likes

To add HTML/CSS:

Start by ticking this box

Then add your CSS here


I would recommend talking to chatGPT/Claude to help you achieve what you want.

Add the id of the class you added to the html on the component you want to style

1 Like