Ella's Bubbles Theme Elements & Styles

Headings

H1. Main Page Title (Tag: <h1> or .h1)

H2. Section Header (Tag: <h2> or .h2)

H3. Subsection Header (Tag: <h3> or .h3)

H4. Small Grouping (Tag: <h4> or .h4)

H5. Micro Header (Tag: <h5> or .h5)

Paragraphs

Class: .ella-p-lead — This is a larger, high-contrast paragraph style used for introductions. It captures attention and sets the stage for the rest of the content.

Class: .ella-p-base — This is the workhorse of your UI. It should be highly legible, using a comfortable line-height (usually 1.5 to 1.6). It is the default style for long-form reading and general descriptions.

Class: .ella-p-small — Used for secondary information, captions, or legal disclaimers. It is smaller than the base text but should still maintain enough contrast to meet WCAG accessibility standards.

Forms & Inputs

Buttons & CTA

Tabs

Tab Style 1 (use class .ella-tabs-style-1 on the tab element)

WooCommerce Products

Products Style 1