Spring into Summer Sale! Save 15%
on any Shared Hosting Plan & Location.
 Code: SUMMER15

How to change the Appearance of Oxwall

Step by Step tutorial on How to Customize the Appearance of your Oxwall based website

The appearance of a website is the first thing a user sees and in most cases the user’s decision to stay on a website and check the content is mainly affected by the design and layout of the site. That is why, it is important to know how to change and better the appearance of your Oxwall website.

 

To modify the appearance of your Oxwall website, you will need to:

Step 1 Change Themes

The easiest way to change the appearance of your website is to change the Active theme for it. You can do that by accessing the Appearance>Themes section of your admin dashboard.

 

Accessing the Themes Menu in Oxwall

 

Here you will be able to choose a theme for your front-end as well as the admin dashboard of your website. The currently active theme is marked by a green checkmark.

 

Acrivating a new Theme in Oxwall

 

You can change the theme by selecting a new one and clicking on the Activate button. When selecting a theme, you will be able to see a little preview of the theme in the screen on the right under the Theme info section.

To learn how to add new themes to your website, please visit our How to Install Oxwall Themes tutorial.

 

Step 2 Customize Themes

Even if you are not a developer, you can customize a theme by using the Oxwall Theme customization settings which the application offers. To accomplish this, you will need to login to your admin dashboard and navigate to the Appearance>Customize menu of your admin dashboard.

 

Accessing the Customize Menu in Oxwall

 

Here you will see 3 tabs to choose from. Let us start from the Theme Settings tab. It contains general information regarding the theme which is currently active.

 

Navigating to the Theme Settings Tab in Oxwall

 

Underneath it you will find the General Settings for the theme which include the Page background color, Header and Footer settings and the Logo of your website. You can change each of those individually and upload custom images.

 

General Theme Customization Options in Oxwall

 

The last part of the Theme Settings tab is the Colors of the elements used by the website. Here you can edit the color for the text, titles, links and menus.

 

Color Settings for Themes in Oxwall

 

When you are done configuring this tab, hit the Save button at the bottom of the page.

 

In the second tab you will find the CSS code of the theme.

 

CSS tab in Theme Customization in Oxwall

 

If you have the knowledge of how to edit the CSS code, you can scroll down and do that. When you are ready, don’t forget to click the Save button.

 

The third and final tab is for uploading Graphics to your website. You can do that by clicking on the Upload Photos + button and then selecting the images you want to use.

 

Graphics tab in Theme Custmization Menu in Oxwall

 

By fully using all of the options provided by Oxwall, you can change the appearance of your website tremendously and attract more users to it.