DigitalEye Plugins
  • Home
  • How to add a custom class or an ID to a Bubble element
  • LINKS
    • Contributor page
    • Contact us
  • PLUGINS
    • Advanced Dynamic Tables 🚀
    • Advanced Editable Tables ✏️
    • Export Page to PDF 🔥
    • Advanced Algolia Search 🕵️
    • Rich Text Editor like Medium 📝
    • Scrollspy 👁
    • Move, Rotate & Resize element 🔄
    • Inverted RepeatingGroup (for Chat app)
    • Live Chats (LiveChat.com, Intercom ...) 💬
    • Advanced Screenshot Element 🖼
    • Screenshot Element 🖼
    • Cookies 🍪
    • Device by Screen Size 📱 🖥 📺
    • Browser Language and Locale 📍
    • Advanced <iframe> element 🖥
    • Conditional Redirect 🔀
    • Users Online 🙋‍♂️
    • Page Close Event 🚪
  • TEMPLATES
    • Eatics: Food Delivery Platform like Uber Eats 🍔
    • Coursus: Advanced Online Courses (Udemy-like) 🎓
    • Sline: Premium Admin & Dashboard 📈
    • BubbleBook: a GitBook clone
    • BubbleBook Landing
Powered by GitBook
On this page

Was this helpful?

How to add a custom class or an ID to a Bubble element

Classify plugin allows you to add a CSS class name, ID, attribute etc to your Bubble elements.

PreviousHomeNextAdvanced Dynamic Tables 🚀

Last updated 4 years ago

Was this helpful?

  1. In your project settings, under General, make sure "Expose the option to add an ID attribute to HTML elements" is enabled.

2. Install Plugin Classify

3. Use it

Now you have access to the "ID Attribute" field. Use a special format to add a class name, ID or attribute to your Bubble element.

On the screenshot below we are adding id "section1" and a class name "spy-item":

Plugin page:

Forum:

https://bubble.io/plugin/classify-1568299250417x684448291308175400
https://forum.bubble.io/t/classify-a-tiny-plugin-that-brings-css-power-to-bubble/67741