Templates & Customization

Changing Your Website Theme and Layout

By the Domain India teamPublished 5 min read
Knowledge base article
Contents (5 sections)

In the Domain India AI Website Builder you can change your site's whole look, its colours, its font and the order of its homepage sections at any time, and your text and photos stay as they are. Everything lives in the editor's Design tab, and anything can also be changed by typing a request in the Chat tab.

For the full guide

Every design setting is explained in How to choose and customize a website template. Publishing your changes is covered in Updating your live website.

Key takeaways

Open your site from AI Website Builder in the client area and go to Design. Theme switches between 18 templates, 8 colour presets or your own hex colour, and 8 fonts. Hero changes the top of the homepage, Media holds your logo and photos, and Layout reorders or removes homepage sections. Preview first; nothing changes until you apply, and on a published site a template or colour change goes live straight away.

1. Where each design setting lives

You want to changeWhere to go
The whole look (layout style, typography, spacing)Design › Theme: choose a template, preview it, then Apply this design
ColoursDesign › Theme › Color & font: a preset, or your own hex code with Apply custom
FontsDesign › Theme › Color & font: one of 8 fonts
The top of the homepageDesign › Hero: hero style, hero image and slideshow photos
Logo and photosDesign › Media: Logo Studio and your images
Order of homepage sectionsDesign › Layout: reorder, remove or add sections, then Save layout
Anything elseThe Chat tab: describe the change in plain English

2. Switch to a new look

  1. Open your site.
    Go to AI Website Builder in the client area and open the site.
  2. Open Design › Theme.
    Your current template is marked In use, and the builder marks one as Recommended for your business.
  3. Preview.
    Tap a template to see it with your own content. Nothing changes yet.
  4. Apply.
    Click Apply this design. If you'd rather not choose, describe the look in the Design with AI box, for example "warm and elegant", and let the AI pick a template, colour and font.
Choose by layout, not by colour

Colours, fonts and photos change in seconds. When comparing templates, look at how the hero, services and gallery are laid out and how the page looks on a phone.

3. Rearrange the page and check it on a phone

Reorder homepage sections in Design › Layout and click Save layout. Sections with no content stay hidden until you add some. For anything without its own setting, ask in the Chat tab, for example "move the gallery above services" or "make the whole site look more premium". A chat change shows in the preview first, and Undo this change reverses it.

After a redesign, switch the preview to Mobile and Tablet and check every page: text size, photos, buttons and the contact form.

4. Publish the new design

On a published site, applying a template or colour re-publishes the site at once. Other edits wait until you click Republish; the status next to the Publish button tells you whether the live site is up to date. The editor keeps content versions and published versions, so you can go back if you change your mind.

5. Where Domain India fits

You can build and preview a site free, and choose a paid plan when you want to publish it on your own domain. On the live pricing card, Starter is ₹200 a month, Pro ₹599 and Business ₹999 (Domain India list prices, excluding 18% GST), and Starter includes every template with any custom colour. See AI Website Builder plans and features.

AI Builder Starter
₹200/mo + GST
  • 1 website
  • Connect your own domain + free SSL
  • AI website generation
  • AI chat editor
See plan details

Prices on the cards exclude 18% GST.

Will I lose my content if I change my website's template?

No. Only the design changes. Your text, photos, logo and settings stay as they are, and you preview a template before applying it.

How many templates and fonts does the AI Website Builder have?

18 templates, 8 fonts, 8 colour presets and any custom hex colour. You switch between them in the editor's Design tab.

How do I change the order of sections on my homepage?

Open Design, then Layout, reorder or remove sections and click Save layout. You can also ask the chat, for example "move the testimonials above the services".

Does a design change go live immediately?

On a published site, applying a new template or colour re-publishes it straight away. Other edits wait until you click Republish.

Ready to refresh your site? Open AI Website Builder in the client area, or start from the AI Website Builder page if you don't have a site yet. Stuck? Open a support ticket or use the 24/7 live chat.

See your business in a new design

Build and preview your site free, try different looks, and choose a plan only when you are ready to publish.

Start free

Ready when you are

Get the AI Website Builder from ₹200/mo + GST

See plans

Was this article helpful?

Your answer helps us decide what to improve next.

Still need help? Open a support ticket and our team will reply.

Prefer an app? Add this site to your home screen.Get the app
Change Your Website Theme and Layout | Domain India