Logo
Logo

How to change your website buttons without code — new in OhhWells, September 2026

PublishedSeptember 14, 2026
Read time3 min read

Start for Free

In short

In OhhWells, you can now change every button on your website by typing one sentence, like "make my buttons dark green and rounded." Every page updates together. You can also move one button ("centre the Book Now button"), switch styles, and change its size — no code needed. Buttons are where visitors become bookings, so here's how.

How do I change the colour and style of all my website buttons at once?

Type what you want into the OhhWells prompt bar — for example, "make my buttons dark green and rounded." Every button across every page updates together: your booking button, your contact button, and the buttons inside sections OhhWells generated for you. One undo puts everything back exactly as it was.

Steps:

  1. Open your site in the OhhWells editor.
  2. Type your change into the prompt bar, in plain words.
  3. Check the result — every button on the site updates at once.
  4. Undo if you don't like it — one undo restores the previous look.
  5. Publish — your changes stay exactly as you set them.

How do I centre or move a button on my website?

Name the button and say where it should go: "centre the Book Now button" or "left align the CTA." Only that button moves — nothing else on the page changes. This works for headings too. There's no dragging and no guessing at margins or spacing settings.

Steps:

  1. Find the button's name — the words on it, like "Book Now" or "Contact us."
  2. Type where it should go — "centre," "left align" or "right align" plus the button name.
  3. Check the page — only that element moves.

How do I edit just one button?

Click the button — in your navbar, your hero, or any section — and a small toolbar appears next to it. From there you can switch its style, change its size, duplicate it, or delete it. The change applies only to the button you clicked.

Steps:

  1. Click the button you want to change.
  2. Use the toolbar that appears beside it: style, size, duplicate, or delete.
  3. For more options, click the brush icon to open the style panel.

What button styles and sizes can I use?

OhhWells gives every site three button styles — filled, outline, and plain text — in three sizes: small, medium and large. If your site only had one style before, OhhWells builds the other two from your own brand colours, so they match automatically.

Open the style panel (the brush icon on any selected button) to see all three styles side by side. Click one and it applies on the page straight away — what you see is the finished result, not a preview.

How do I put "Book now" first in my navigation menu?

Drag your navbar buttons into the order you want. Put "Book now" first, where visitors expect it. Reordering is available for navbar buttons; for buttons inside page sections, use the toolbar to duplicate, delete or restyle them.

Why buttons matter more than they look

Until now, if you built your site from scratch, your buttons kept a plain default look even after you'd chosen your brand colours — so your site looked like you everywhere except the one spot people actually click. And a button sitting slightly off-centre was the kind of small wrong thing you'd notice every time you opened your own website.

We'd rather you never have to ask anyone for permission to change your own business online. This is one more thing off that list.

Coming next

More of the canvas editor: the same say-it-and-see-it approach, applied to more than buttons.

Frequently asked questions

Yes. In OhhWells, type what you want — for example, "make my buttons navy" — into the prompt bar and every button updates. You can also click any single button and change its style from the toolbar. No code, CSS or designer is needed.

Yes. Styling prompts like "make my buttons rounded" apply to every button on every page, including buttons in sections OhhWells generated for you. Alignment prompts like "centre the Book Now button" only affect the button you name.

Yes. One undo puts your buttons back exactly as they were before the change.

Yes. Your button styles, sizes and positions stay exactly as you set them when you publish your site.

A primary button is your main action, like "Book now," usually shown as a solid filled button. A secondary button is a second option, like "View timetable," often shown as an outline so it doesn't compete with the main action.

Yes. Choose small, medium or large in the style panel for one button, or type "make the buttons a bit bigger" to resize every button on your site.

Share this article

The newsletter for small but mighty businesses

Join 600+ subscribers getting free AI prompts, tips, and resources to bring more customers through your door.

Unsubscribe anytime. By entering your email, you agree to receive marketing emails from OhhWells. By proceeding, you agree to the Terms and Conditions and Privacy Policy.

Try it free

Get started with a free account. No credit card required.

Start free trial