Skip to main content

Editor

Olara is fully compatible with the WordPress block editor, offering support for wide alignment, custom color palettes, font sizes, and more. With the block editor, you can build visually captivating and high-performing websites featuring creative layouts—without the need for a page builder plugin. Explore our theme demo site for inspiration and ideas on how to make the most of these powerful design options.

Block​

In WordPress, a block is a modular content element that allows you to create and arrange content on your website with ease and flexibility. Each block represents a distinct type of content and style, such as paragraphs, images, headings, galleries, videos, and more.

If you need more information about how to using blocks in Wordpress, you can check out these resources below.

Pattern​

Block Patterns are pre-designed groups of blocks that you can easily add to your posts and pages, then personalize with your own content. They simplify a combination of many blocks, allowing you to quickly build sections of your site without starting from scratch.

This theme includes predesigned block patterns that contain layouts for common website sections. Instead of manually creating each part of a section—like adding and formatting text, images, and buttons separately—you can insert a ready-made pattern and focus on adjusting only the content and minor design elements.

available patterns

You can find additional design patterns in the WordPress Pattern Directory, where a variety of pre-designed layouts are available to customize your site’s look.

info

To learn how to add these patterns to your site, watch this step-by-step video tutorial on using the WordPress Pattern Directory.

Global Styles​

In WordPress, global styles are theme-wide design settings that control the appearance of your entire website, including colors, fonts, spacing, and other style elements. With global styles, a wordpress theme creates a unified look, applying consistent design choices across all blocks and elements without requiring custom CSS adjustments.

By adjusting those settings, you can easily update the overall appearance of your site, while still having the flexibility to make specific customizations where needed.

Theme Styles​

Colors​

Theme applies a palette of colors throughout the site elements. You can modify each individual color in palette, modify WordPress default color palette, and add your own custom colors.

important

Use solid colors As the theme automatically calculates additional colors from its palette, it is recommended to use solid colors, not a semi-transparent ones.

These are available colors

Here’s the current palette used by the theme. It is built around a warm, editorial look and uses a limited set of colors to keep the overall design consistent and easy to customize.

  1. Primary Color (#422E28)
    This is the theme’s main dark brown tone. It is used for headings, strong text, and key brand elements where a rich, grounded contrast is needed.

  2. Secondary Color (#615A57)
    This muted brown-gray tone is used for body text, supporting content, and UI elements that should feel softer and less dominant than the primary color.

  3. Accent Color (#AF5D5D)
    The accent color adds warmth and emphasis. It is typically used for buttons, links, highlights, and other interactive areas that need to stand out.

  4. Site Background & Border (#FCF8F5 and #E5DFDD)
    The soft cream background creates a clean base for the layout, while the pale border color is used for dividers, subtle outlines, and section separation.

Editing Theme Style​

This theme includes two style options: Default (light) and Dark. To switch between them, navigate to Appearance → Editor → Styles.

You can also add some changes to those styles.

  1. In your WordPress dashboard, go to Appearance → Editor. edit style step 1
  2. Within the Editor, click Styles edit style step 2
  3. For a clearer view of your style changes, open the Style Book for a detailed preview. edit style step 3