Atrium Instructions

Atrium is a clean and modern business WordPress theme. You can use this theme to build your personal or business website. The many features included will enable you to showcase your services and much more with professionalism.

Theme installation

Unzip file atrium_unzip_first.zip that you downloaded from us and install atrium.zip file. Read more how to install a theme → 

Making theme look like demo

Inside the package you will find a file named atrium.WordPress.xml that you can use to import the demo content. Read more how to make theme look like the demo →

Activate child theme

This theme enables you to create and activate a child theme with just one click, which is the recommended way to modify themes.  Learn how to create a child theme →

Adding a logo image

Go to Appearance → Customize → Site Identity to add a logo image or edit your site title or tagline. Learn how to update your site identity →

Setting up the menu

This theme has three menu locations, the Primary Menu (main menu), Front Menu (the menu in the front page in the bottom of the header), and Footer Menu (the menu to display your social media profiles or some other links). Create menus and assign them to each of the available locations. Learn how to setup WordPress menus →

Header image and content

First add a header image. In your Dashboard go to Appearance → Customize → Header Images. Add the image you want to display. You can add more than one and randomize them. Header image size is 2000x1000px.

The site tagline (slogan) will display in the left side of the screen.

You can add some text on top of the header image. In your Dashboard go to Appearance → Widgets and add a text widget or any other widget type to the Top Widget location.

In the bottom of the header add a menu to Front Menu location as explained above.

Configuring the front page

In the front page below the header image, this theme will display the latest posts by default. You can assign a static page to display in front instead of the latest posts. Learn how to display a static page in front →

This way you can have the Home Page template or another static page display in front instead of the latest posts. If you decide to go with a static page other than the Home Page template, we suggest you use the Plain Page template.

Home page template

This theme comes with a custom made template to create an attractive and very functional home page, just like in our demo.

Front Widget

At the top of the Home Page template there is a widget location named Front Widget. In your Dashboard go to Appearance → Widgets and add a text widget (first) and an image widget (second) type to this location.  Learn how to add widgets →

To add a call to action button to the text widget like in our demo use this html code

<a class="btn" href="url goes here">Read More</a>

The image you add to the image widget should be square in order to achieve the circle effect.

News section

Below the Front Widget the theme will display the latest three posts from your blog. To change the title of section go to Appearance → Customize → Theme Options and you will see an option to edit the title.

Partners section

In this section you can display logos of your partners or clients. First add a text widget to the Partners Widget location. Learn how to add widgets →

To add a partner or client in your Dashboard go to Partners → Add New.

Add the partner (client) name so you recognize it, the logo and if you choose to add the partner website you can add also the url to the partner website or any other section of your website.

atrium partners

Services section

We called this section Services but you can use it for anything really. This section contains a widget location called Services Widget. In our demo we have added a text widget (first) and Navigation menu widget (second). So you can point your visitors to important sections of your website.

To add a background image in your Dashboard go to Appearance → Customize → Theme Options and Upload a background image for the services section. Suggested image size is 2000x1000px.

Video section

In the bottom of the Home Page template above the footer, there is another widget location named Bottom Widget. Here you can add a company video or image using the Video or Image widgets. Below that add another text widget with some description.  Learn how to add widgets →

Add a call to action button using the same html code as explained above

<a class="btn" href="url goes here">Read More</a>

Block patterns

WordPress has introduced the ability to create pre-designed block patterns that you can use like a block template in any page or post. This theme comes with four pre-designed blocks that you can use anywhere in your website.

What makes block patterns even more special that you can edit it freely and add additional elements to each block. Learn how to add block patterns →

Team members

This block is designed to display a three column responsive layout that you can use to display your team member. It includes an image, the person’s name and the job title. You can add more information to each column if you wish.

Note that you can use this block more than once in any page to display any number of team members.

Suggested image size is 480x560px. View team members pattern →

Cover block with text and button

This block is designed to display a full width section with a background image. On top of the image it includes some text and a call to action button. Use this block in a full width page template with no sidebar. Suggested image size is 2000x600px. View cover block pattern →

Services block

You can use this block to display three columns, each of them including an image, a title, a description and a button. You can edit, or delete any element. You can use this block more than once in each page to display as much content as you want.

Suggested image size is 640x426px. View services block pattern →

Contact form block

This block is designed to display some content with a contact form and an address block in the right. In the demo we are using the Contact Form 7 plugin, as this theme includes styling for this, but you can use any other form. View contact block pattern →

Featured images

You can add a featured image to each page or post, that displays in the right corner. Images will be resized to 600x600px.

Footer section

In the footer you can use a text widget to display some information related to your business. In your Dashboard go to Appearance → Widgets and add text widgets or any other widget type to the Front Widgets location.  Learn how to add widgets →

In this theme you can edit the footer copyright info from the Theme Options.

Editing colors

You can edit most colors of this theme under Appearance → Customize → Colors.

Page templates

  • Home page: Custom page to display in front.
  • Default: Content page with right sidebar.
  • Full width: Full width page, no sidebar.
  • Plain page: Page with a sidebar without a header image.

Widgets

  • Sidebar: This location is visible in the right of default pages, plain pages and single posts.
  • Top widget: Visible in the Front Page on top of the header image.
  • Front Widget: Visible in the Home Page template below the header image.
  • Partners widget: Visible in the Home Page template in the partners section.
  • Services widget: Visible in the Home Page template in the services section.
  • Bottom widget: Visible in the Home Page template above the footer.
  • Footer widgets: Visible throughout the website, in the footer.

Featured Images sizes

  • Blog featured images: 600x400px
  • Single page and post featured images: 600x600px
  • Partner logos: 500px wide with flexible height

If you need more help regarding this theme, please contact us.

What are your Feelings