Screenr Documentation

In this article:


Getting Started

Installing your theme: Please navigate to this tutorial :   http://docs.famethemes.com/article/11-installing-a-theme

Translate the theme to your language: Please navigate to this tutorial :  http://docs.famethemes.com/article/32-how-to-translate-a-theme-to-your-language


Import demo data with just one click.

1. Go to your WP Admin → Appearance -> Screenr Theme -> One Click Demo Import tab

2. Download FameThemes Demo Import plugin and install, activate it. You can download it from here.

3. Back to Appearance -> Screenr Theme -> One Click Demo Import tab and click import demo data.


Front Page Setup.

Create your new page and give it a name, e.g : Home and Set the page template to Frontpage Template

Go to Reading Settings and change your front page to the Home page you recent created above.

Go to Appearance Customizer to start custom your front page content.


Frontpage Section: Hero Slider

Go to CustomizerFontPage Section Hero

Hero section settings:

  • Section visibility: Hide or show hero section
  • Section ID: Unique ID for hero section, useful when you want to setup one page menu.
  • Hero Full Screen: Make Hero section full screen
  • Padding Top and Padding Bottom ( not available when you select full screen )
  • Background color overlay
  • Here Item: Custom content, layout, background image for hero slider.

Upgrade to Screenr Plus to get all of these features below for Hero Section:

  • Unlimited items and display it as a slider.
  • Video background.

Frontpage Section: Features

Go to Customizer Fontpage Secton →  Features:

Section Settings: 

  • Section visibility.
  • Section ID.
  • Section Title.
  • Section Subtitle.
  • Section Description.

Section Content: Click "Add an item" button to open a page selector, from there you can select your Features page with settings:

  • Content Items:  Pages to display on features section.
  • Layout Settings: Layout for display.

Item config:


Frontpage Section: About

Go to Customizer Fontpage Secton →  About:

Section Settings: 

  • Section visibility.
  • Section ID.
  • Section Title.
  • Section Subtitle.
  • Section Description.

Section Content: You can chose which page will display with settings:

  • Display page: Select a page which you want to display in this section.
  • Page content type: Chose excerpt or content to display.

Note: Read this article to know how to show the page Excerpt box on editing screen.


Section Setup: VideoLightbox

Go to Customizer Fontpage Secton →  VideoLightbox:

Section Settings: 

  • Section visibility
  • Section ID
  • Section Title: Short text about this section

Section Content: 

  • Video URL: Video URL which will display on lightbox.
  • Custom parallax Image.
  • Custom background color.


Option location: Customizer → Fontpage Sections → Gallery

This section added in version 1.1.1

Section Settings: 

  • Section visibility
  • Section ID
  • Section Title
  • Section Subtitle
  • Section Description

Section Content:

  • Gallery Source: You can select Page, Facebook, Flickr, Instagram.
  • Display: Select one of 5 display style: grid, slider, carousel, justified, masonry.
  • Item Spacing: space between items.
  • Number items to show.

Note: When you selected gallery source as page, your selected page required  WordPress Gallery (shortcode: [gallery]) in the content.

By default the Screenr just support Gallery Source from page, to unlock more source such as Facebook, Flickr, Instagram you can up Upgrade to Screenr Plus.

Section Setup: Services

Go to Customizer Fontpage Secton →  Services:

Section Settings: 

  • Section visibility
  • Section ID
  • Section Title
  • Section Subtitle
  • Section Description

Section Content:

Click "Add a item" button to open a page selector, from there you can select your service page with settings:

  • Select page to display.
  • Item style. You can select featured image or icon to display.
  • Custom more link.


Section Setup: Clients

Go to Customizer Fontpage Secton →  Clients:

Section Settings: 

  • Section visibility
  • Section ID
  • Section Title
  • Section Sub Title

Section Content:

Click "Add a item" button to open a content box where you can add your client data :

  • Title: Client title.
  • Logo: Client logo.
  • Link: Client website URL

Section Setup: Counter

Go to Customizer Fontpage Secton →  Counter:

Section Settings: 

  • Section visibility
  • Section ID
  • Section Title
  • Section Sub Title

Section Content: Click "Add a item" button to open a content box where you can add your counter data :

  • Counter Title
  • Counter Number
  • Counter Icon
  • Before Number Text
  • After Number Text

By default the Screenr theme allow 4 counters with limited options, in order to add more counters you can up Upgrade to Screenr Plus.


Section Setup: News

Go to Customizer Fontpage Secton →  Lastest News:

Section Settings: 

  • Section visibility
  • Section ID
  • Section Title
  • Section Subtitle
  • Section Description.
  • Number of post to show
  • Layout settings
  • Blog button URL
  • Blog button text.

Section Setup: Contact

Go to Customizer Fontpage Secton →  Contact:

Section Settings: 

  • Section visibility
  • Section ID
  • Section Title
  • Section Subtitle
  • Section Description

Section Content: 

Content: In order to display a contact form you will need to install contact form 7 plugin and then copy your contact form shortcode and paste it in the contact form shortcode field.

Contact Details Items: You can add more contact items like facbook, google+, twitter, phone....

Click "Add a item" button to open a content box where you can add your counter data :

  • Item title
  • Item Icon
  • Item url


Theme Options: Header

Option location: CustomizerTheme OptionsHeader

  • Header style.
  • Background color
  • Menu link color
  • Menu Link Hover/Active Color.
  • Menu Link Hover/Active border color
  • Menu Link Hover/Active BG Color.
  • Site Title Color.
  • Responsive Menu Button Color.

Theme Options: Header Image

Option location: Customizer →  Header Image or Appearance → Header

  • Background color
  • Background Image
  • Background image overlay color
  • Padding top
  • Padding bottom

Theme Options: Blog Settings

Option location: CustomizerTheme OptionsBlog Settings

  • Blog title: Custom Blog page title
  • Disable featured image in single post ? Yes/No
  • Display post date on single post or posts listing page  ? Yes/No
  • Display post author on single post or posts listing page  ? Yes/No
  • Display post comments on single post or posts listing page  ? Yes/No
  • Display post category on single post or posts listing page ? Yes/No

Option location: CustomizerTheme Options Footer

  • Footer Layout.
  • Footer widgets background color.
  • Footer widgets text color.
  • Footer copyright background color.
  • Footer copyright color.

How To: Create one page navigation

Go to Appearance → Menu: Create a new menu and give it a name. e.g Primary

Use Custom Links at the left to create a custom link and add the link URL field link like the image below:

Take a look at the image about and replace: