Selecting and Styling Elements

Before you start styling, select which element to style exactly. It helps Bullet AI more context about elements that you want to style. Every part of your site: text, callouts, images, headings is treated as a block. You can style all blocks of a type (for example, all callouts) or just a single block. This page walks you through how to pick the right element and apply styles with AI or with a screenshot.

Selecting an Element

Hover over your site and click an element.

By default, changes apply to all elements of that type (e.g., all callouts).

To style just one block, click the blue target icon. Now the change affects only that block. Underneath it uses block id to update the style, so it doesn’t affect other elements.

Styling with AI

Select a block.

Open the AI Chat panel.

Type what you want (e.g., “make the background light blue with rounded corners”).

AI applies the style and shows the CSS.

If you don’t like it, you can:

Reject Style – Discard it (this removes only the most recent change).

Rollback – Return to an earlier saved style, removing all changes made after that point.

Note: Rejecting or rolling back does not refund credits.

Rule of Thumb: AI vs Design Mode

Use AI when you want inspiration, new themes, or complex style combos (colors + borders + spacing in one go).

Use Design Mode when you want precise, guaranteed results (font size = 18px, align right, padding = 10px).

Using Images

Upload a screenshot to guide AI.

AI matches the style up to about 90%.

To get closer:

Arrange blocks in Notion to match the screenshot.
Group related blocks into a single callout.
Match image size if you want exact height/width.

Note: Icons and graphics won’t be copied exactly, but the style will be close.

Selecting and Styling Elements Selecting an Element Styling with AI Using Images