Screenr Plus Documentation

In this article:

Installation Screenr Plus

The first thing you will need to know: Screenr Plus is a WordPress Plugin, it required Screenr theme to run. If you do not install Screenr theme yet then you can download it at your FameThemes Dashboard or here.

  1. Go to your FameThemes dashboard and download the Screenr Plus plugin.
  2. In your WordPress admin dashboard, navigate to Plugins → Add New and upload screenr-plus-v.x.x.x.zip ( the file you recently download )
  3. Activate it.
  4. Go to Appearance → Customizer and you will see all the Screenr Plus features.

Section Orders & Styling

Settings location: Customizer → Section Orders & Styling

After installing Screenr Plus plugin, go to Section Orders & Styling panel to start re-order your sections

Typography

Settings location: Customizer → Typography

Here you can controls the font name, font size, font weight, line height, text decoration, text transform, color for your website elements.

1. Paragraph: Apply for site paragraphs.

2. Site Title: Apply for site and site tagline if logo not set. You can find site title and tagline at Settings → General.

3. Menu: Apply for main navigation.

4. Heading: Apply for heading tags H1 -> H6.

5. Hero slider: Apply for Hero slider content.

Section Setup: Pricing

Settings location: Customizer → Frontgage Sections → Pricing

Section Settings:

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

Section Contents:  Click "Add an item" button to add pricing column.

See how data display:

Section Setup: Testimonials

Settings location: Customizer → Frontgage Sections → Testimonials

Section Settings:

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

Section Contents: Go to Customizer → Frontgage Sections → Testimonials  Click "Add an item" button to add testimonial column with settings:

See how data display:

Section Setup: Projects

Settings location: Customizer → Frontgage Sections → Projects

Section Settings:

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

Section content:

  1. Add your projects: In your WP dashboard go to Portfolios post type and start to add your project.
  2.  Setup how your projects display:
    • Number portfolio to show.
    • Layout column.
    • Order

Section Setup: Call To Action

Settings location: Customizer → Frontgage Sections → Call to action

  •  Title: Your action title
  • Button text: Your button text
  • Button link: Link of the call to action button.

Theme Options: Team

Settings location: Customizer → Frontgage Sections → Team

Section Settings:

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

Section Content: Click to add new item to add more member, See how data display:

This section added in Screenr theme version 1.1.1 and Screenr Plus version 1.0.2 Also see setup Gallery section here

Setup Facebook Gallery

  1. Create new Facebook app.
  2. Select Source as Facebook.
  3. Enter Facebook Fan page album URL or album ID, example: https://www.facebook.com/vnesportstv/photos/?tab=album&album_id=584256218419365 or 584256218419365
  4. Enter you Facebook API: Facebook API, example: {App_ID}|{App_Secret}. Click here to create an app.
  5. Setup display as you want.

Setup Instagram Gallery

  1. Select Source add Instagram.
  2. Enter Instagram username.
  3. Setup display as you want.

Setup Flickr Gallery

  1. Select Source add Flickr.
  2. Enter Flickr username.
  3. Enter your Flickr API key, Click here to create a Flickr App.
  4. Setup display as you want.

Section Setup: Add new custom section

Settings location: Customizer → Section Orders & Styling

See how to setup your section data:

Note : Section description and section content arbitrary text or HTML.

Theme Options: Header Settings

Settings location: Customizer → Theme Options → Header

Header style: Chose header style you want to use:

  • Default
  • Fixed: Sticky header when scroll page.
  • Fixed & transparent: Sticky header when page down, when header on the top of the page the header background will transparent.

Background color: Header background.

Menu link color: Color of the main navigation.

Menu link hover/active color: Color of main navigation item when mouse hover or active.

Menu Link Hover/Active BG Color:  Background color of main navigation item when mouse hover or active.

Menu Link Hover/Active border color: Border color of main navigation item when mouse hover or active.

Site Title Color: Color of site and tagline.

Responsive Menu Button Color: Color of menu button when you enter mobile mod.

Theme Options: Blog Settings:

Settings location: Customizer → Theme Options → Blog Settings

Settings location: Customizer → Theme Options → Footer 

  • Footer Layout.
  • Footer widgets background color.
  • Footer widgets text color.
  • Footer copyright background color.
  • Footer copyright color.
  • Footer copyright text.
  • Hide theme info.

Theme Options: Projects/Portfolios

Settings location: Customizer → Theme Options → Portfolio

Here you can control how your projects display. See how to add projects listing page below.

Change Projects slug: If you don't want to use portfolio in your permalink like this:

http://example.com/portfolio/your-cool-project-name/

Let change the text portfolio to another one then hit save changes button.

Note: If you change this option please go to Settings → Permalinks and refresh your permalink structure before your custom post type will show the correct structure.

Add Projects listing page:

In admin page go to Pages → Add new.

Enter your page title and select Template as Projects page.

Theme Options: Styling

Settings location: Customizer → Theme Options → Styling

Here you can change your theme color, background color.