Customizing the SimplR Theme


From the WordPress dashboard, you need to go to Appearance > SimplR Theme:

Selecting a Layout

Before you do anything else, you need to select a layout. Click on the Layout tab:


Select one of the 4 layouts (you'll edit it later, but for now you need to have a base before editing):


And save it:

Selecting a color scheme

Click on the Color Scheme tab:

And Choose one of the many options

Or you can select your custom color. Just click on "Custom" to see a color picker. You can also type a color code if you know it:

Adding or removing modules

Click on the Edit Modules tab:

Here you can add and remove modules and change their order.
To add a module, click on the [Select Module] Dropdown and select a module that you want to add. You can also select the position.
Then, simply click on Save Changes and you're done!

To remove a module, click its corresponding Remove module link.

Changing the site logo

Go to the Top Bar tab:

Click on Select or Upload new image button:

To upload a new file, make sure the Upload Files tab is selected

Then click on Select Files button:

The recommended image size is 100x35px, but you can use larger ones. We recommend not using more than double (200x70), because it will use too much bandwidth.
The logo will have the same size, no matter your image (it will fit in the white bar). Bigger images are only usefull for retina phones.
Now navigate to your image, and click Open.

To confirm, click on the Select button:

Now click on Save Changes and you're done!


Changing the Header image

Go to the Header tab:

Click on Select or Upload new image button:

To upload a new file, make sure the Upload Files tab is selected

Then click on Select Files button:


Now navigate to your image, and click Open.
We used this image in the demo:
https://www.flickr.com/photos/gfreeman23/11280303383
You can download it and use it for free. We recommend you'll scale it down and crop it to 2000x360px.
To confirm, click on the Select button:

Here you can also change the image speed (you'll notice that when you scroll, this image is a bit slower than the rest of the page).

Now click on Save Changes and you're done!

Changing the text over the header image

Go to the Header tab:

Replace the default text in Row 1 text and Row 2 text:

Please note that you can leave the second row empty to hide it.
As always, dont' forget to Save your changes!

Changing the content of other modules

First, select the module you want to edit:

Then simply change the text or upload a file. Check out the instructions from Changing the Header image on how to upload an image.


Images used in the demo

Here are the links to the images used in the demo. All of them are free to use, but you need to credit the authors:
Super Panorama of Newport Beach California
California Str Cable Cart
Group of happy business people clapping their hands
Business Baby Pointing
SimplR Bokeh (you are free to use it! There's no need to credit KingOfThemes.com for this image)