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 Customizer → FontPage 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: Customizer → Theme Options → Header

  • 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, bottom (apply for page header cover and page title)

P/s: If you set the header image but it does not show, please change the background image overlay color:

Theme Options: Blog Settings

Option location: Customizer → Theme Options → Blog 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: Customizer → Theme 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: