Branding, Design and Content

Set your identity, colours, presentation, menus, services, prices, images and hero sections.

Documentation home › Branding, Design and Content

Watch the video tutorial

EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube

How the settings are layered

Washlora has several layers. Work from the most specific layer to the most global one:

  1. Page content — text, images and links in the section you edit in your page editor.
  2. Niche identity and Niche design — shared identity and presentation for a native niche.
  3. Washlora Design Studio and Washlora Options — global visual controls for the standard theme shell.
A niche's authored header and footer can take precedence over the standard global shell. If a native demo ignores a global colour change, set it in Niche identity first.

Niche identity

Admin path: Appearance → Niche identity
  1. Choose the niche before editing.
  2. Set Brand, Tagline, Phone, Email, Hours, Area and About.
  3. Adjust the Primary, Dark, Accent, Soft and Ink colours, then click Save identity.
  4. Check the niche header and footer on its homepage and on an inner page.

Changing shared identity does not rewrite every paragraph of the demo. Edit section-specific text in the page editor.

Niche design

Admin path: Appearance → Niche design
  1. Choose the niche and select a presentation style such as Atelier, Dispatch, Enterprise or Home care.
  2. Set content width from 1040 to 1320 px, corner radius from 0 to 48 px and desktop section spacing from 64 to 120 px.
  3. Save the design and preview the same niche in more than one editor.

For a different section composition, use the layout control in the page editor instead.

Washlora Design Studio

Admin path: Washlora AI Studio → Design Studio

Global visual controls for the standard theme shell. Click Save Design to apply them.

ControlChoices
ColoursPrimary, Secondary, Accent, Body background and Text colour.
Header style / Footer style12 header styles and 12 footer styles.
Logo width60 to 360 px.
Slider styleStyle 1 to 5.
Site layoutWide or Boxed.
Header optionsSticky header, Mega menu, Menu search and Menu cart.

Washlora Options

Activate Redux Framework to use Washlora Options for the global branding, colour, typography, header, footer, blog and performance controls that apply to the standard theme shell.

Admin path: Appearance → Menus
  1. Select the menu that belongs to your niche and update the labels.
  2. Replace the sample destinations with your own pages and confirm the primary menu assignment.
  3. Keep the final menu item as the main enquiry or booking action if your niche header uses it as its call to action.
  4. Update shared contact and business text in Niche identity.
  5. After saving, check the mobile menu, keyboard focus, footer links and every button.
The public 105-demo showcase mega menu is the author's demo browser. Do not assume the showcase itself is imported into your business site.

Services, pricing and images

Keep editorial page copy separate from service records and chargeable products.

A service-ledger section in the Tent & Awning Care demo.
A service-ledger section in the Tent & Awning Care demo. Click to enlarge.
Preview photographs and sample prices are not a business promise. Check the licence of every demo photograph before you reuse it. See Media Credits.

Hero images and optional sliders

Native hero sections and third-party slider modules are different content types.

Selecting a default slider option does not convert native hero sections into slider modules. Slider database exports in Demo-Data must not be imported into a production database as raw SQL — use a controlled migration process. Check the package contents and licences of each slider plugin.