Interior is a Divi layout designed for interior designers but suitable for general business use. The design is simple and the colour palette is soft and subtle and can easily be changed to suit your brand. The images are premium images, purchased from depositphotos.com. I have included a list of the reference numbers if you wish to purchase them for your own site. The download includes placeholder images with the recommended image sizes to make it easy for you to set up.

It is designed as a starting point for a larger website –  a blog and other pages can be easily added and because Divi is so flexible you can clone, copy or hide modules. Duplicating them to a new page will allow you to maintain a consistent look across your website.

So how do you get started?

Updated CSS – customiser settings .json not required

The steps to set up the layout to make it look like the demo include the following:

  1. Installing the Layout
  2. Menu Setup

Installing the Layout

First, you need to download the interior-layout-pack.zip file. Locate the file in your downloads folder, unzip the layout pack and find the following files:

  • interior-page-layout.json
  • style.css

Then navigate to your WordPress dashboard and locate Divi > Divi Library and select Import & Export at the top of the page. When the portability pop-up appears, select Import > Choose File > select interior-page-layout.json and Import Divi Builder Layouts.

Then, to ensure the installation goes smoothly, go to Setting > Permalinks > select Post Name and save changes.

Next, create a new page: make sure Use The Divi Builder is selected and then in the purple menu, select Load From Library > Add From Library > Interior Page Layout > select Load and then Publish the page.

Then, to make sure the layout appears as your home page, navigate to Settings > Reading > select static page and the page containing the Vintage Layout and save.

Theme Option Settings

Now navigate to Divi > Divi Options and enable the Back To the Top Button and Smooth Scrolling.

The CSS is downloaded as part of the layout in a code module. If you would prefer to add it to your child theme, remove the style tags and add it to the style sheet or the CSS panel in Divi Options.

Menu Setup

Navigate to Appearance > Menus > select a menu name and Create Menu. Then select the Home page and Add to menu.

Next, select Custom Links, in the URL > type #services. In the Navigation Label > type Services. Repeat this for Portfolio, About, News and Contact.

Under Menu Settings > Display Location > select Primary Menu. Then select Save Menu.

And that’s done!

I hope this layout is a useful addition to your web design resources.