Site icon Catch Themes

Full Frame Pro

Full Frame Pro is an advanced version of Full Frame free theme. Full Frame Pro is a Simple, Clean and Spacious Full Width Responsive WordPress Theme based on Catch Base Theme. Built on HTML5, CSS3 and Theme Customizer for real time customization, it comes with a whole set of interesting and rich features which makes this theme highly customizable and flexible. Make your beautiful yet professional website in no time. Full Frame WordPress Theme will be best suited for photography, portfolio and blogging sites. This theme is translation ready and also currently translated in Swedish and French. Check out Theme Instructions at https://catchthemes.com/theme-instructions/full-frame-pro/, Support at https://catchthemes.com/support/ and Demo at https://catchthemes.com/demo/full-frame/

Features in “Full Frame” Free Theme:

  1. Responsive Design
  2. Site Identity: Option to add/edit Custom Logo, Move Site Title and tagline before logo, enable/disable Site title and tagline and option to add Site Icon(FavIcon/Webclip Icon)
  3. Color Options: Light and Dark Color Scheme, WordPress Header Text and Custom background color
  4. Header Image: Option to enable/disable custom header image, add alt, title and link/URL, open link in new windows/tab and select Post/Page Featured Header image size
  5. Menus: Option to use Primary Menu
  6. Breadcrumb Options: Option to enable/disable Breadcrumb on Homepage/Frontpage or Entire site and Option to change separator
  7. Additional CSS: Option to add your own CSS style to change the design as per you need
  8. Excerpt Options: Option to change Excerpt Length and Read More Text
  9. Homepage/Frontpage Setting: Select option to show post from selective category
  10. Layout Options:
    1. Default Layout: Option to choose from i. Primary Sidebar,content (Right Sidebar), ii. Content, Primary Content (Left Sidebar) and iii. No Sidebar (Content Width)
    2. Archive Content Layout: Option to choose from i. Show Excerpt (Image left) and ii. Show Full Content (No Featured Image)
    3. Single Page/Post Image Layout: Option to enable/disable Single Page/Post Image Layout or Select Featured or Full Size as Single Page/Post Image
  11. Pagination Options: Option to choose Pagination type from Default(Older Posts/Newer Posts), Numeric (Requires WP-PageNavi Plugin), Infinite Scroll(Click and Scroll: Requires JetPack Plugin with Infinite Scroll module enabled)
  12. Promotion Headline Options: Option to enable/disable Promotion Headline on Homepage/Frontpage or Entire site, edit Promotion Headline Text, edit Promotion SubHeadline Text, edit Promotion Headline Button Text, add/edit Promotion Headline Link and open link in new tab
  13. Search Options: Option to change the search box text
  14. Scroll Up Feature
  15. Featured Content: Option to enable/disable featured content on Homepage/Frontpage or entire site, option to select Featured Content layout from 3 columns and 4 columns, option to Enable Sliding Effect, option to highlight your Featured pages as Featured Content, option to move featured content position above footer and option to change background for featured content
  16. Featured Slider : Option to enable/disable featured content on Homepage/FrontPage or entire site , option to select Transition Effect, Transition Delay and Transition Length of slides and option to highlight your featured pages in slider
  17. Social Links: 27 different social icons to choose from
  18. Widget Areas: 4 widget areas registered. That is, i. Primary Sidebar, ii. Footer Area One, iii. Footer Area Two and iv. Footer Area Three

Additional Features in “Full Frame Pro” Premium Theme:

  1. Header Image: Additional option to select featured header image position
  2. Menus:
    1. Additional 2 Menus which totals to 3 custom menus: Primary Menu, Secondary Menu, and Footer Menu
  3. Comment Options: Option to enable/disable comments, notes and website field
  4. Feed Redirect: Option to redirect your feed to feedburner
  5. Fixed Header Top Options: Option to Select/Add Logo Icon(Moved from Icon Option to Fixed Header Top Options in Pro), enable/disable Primary Menu, enable/disable Header Toggle, enable/disable Header Right Sidebar
  6. Font Family Options: Option to choose Site Title Font Family, Default Font Family, Site Tagline Font Family, Content Title Font Family, Content Body Font Family, Headings Tags from h1 to h6 Font Family and reset fonts
  7. Footer Editor Option: Option to edit/delete Footer Left Content and Footer Right Content
  8. Layout Options:
    1. Default Layout Options: Additional 1 default layout, which makes a total of 4 Default Layout Options: i. Primary Sidebar, Content (Left Sidebar), ii. Content, Primary Sidebar (Right Sidebar), iii. No Sidebar (Content Width) and iv. No Sidebar (Full Width)
    2. Archive Content Layout: Additional 2 content layouts, which makes a total of 4 Content layouts: i. Show Excerpt(Image Left), ii. Show Excerpt (Image Right), iii. Show Excerpt (Image Top) and iv. Show Full Content (No Featured Image)
  9. Responsive Options: Additional option to enable/disable responsive design
  10. Scrollup Options: Option to enable/disable scroll up
  11. Single Post Navigation: Option to enable/disable single post navigation
  12. Update Notifier: Option to enable/disable Theme Update notifications
  13. Color Options: Additional option to use color picker to change various Basic Color Options, Header Color Options, Content Color Options, Sidebar Color Options, Pagination Color Options, Footer Color Options, Promotion Headline Color Options, Scrollup Color Options, Slider Color Options, Featured Content Color Options, Primary Menu Color Options, Secondary Menu Color Options, Header Right Color Options and Footer Menu Color Options
  14. Header Right: New header right sidebar widget area. Where you can add widget to replace default right sidebar content or add more widgets to header right sidebar. Option to disable Header Right Sidebar
  15. Featured Content: Additional 3 featured content types, which makes a total of 4 featured content types: i. Featured Post Content, ii. Featured Page Content, iii. Featured Category Content and iv. Featured Image Content
  16. Featured Slider Content Options: Additional 3 featured slider content types, which makes a total of 4 featured slider content types: i. Featured Post Slider Content, ii. Featured Page Slider , iii. Featured Category Slider and iv. Featured Image Slider
  17. Social Links: Additional option to add upto 10 custom social icons and links
  18. Widget Areas: Additional 11 widget areas registered which makes a total of 11 Sidebars registered. That is, 1.Primary Sidebar, 2. WooCommerce Primary Sidebar,3.Optional Homepage Sidebar, 4. Optional Archive Sidebar, 5. Optional Page Sidebar, 6. Optional Post Sidebar, 7. Optional Sidebar One, 8. Optional Sidebar Two, 9. Optional Sidebar Three, 10. 404 Page Not Found Content, 11. Footer Area One, 12. Footer Area Two and 13. Footer Area Three, 14. Footer Area Four, 15. Header Right
  19. WooCommerce for e-commerce
  20. WPML Ready for multi-language

Installation Using the WordPress Administration Panel #

  1. Download Full-frame Pro from your Catch Themes member My-Account to your Desktop
  2. Log in to the WordPress Administration Panel
  3. Go to “Appearance => Themes => Add New”
  4. Click on “Uploads” and Browse the downloaded file full-frame-pro.zip from the desktop where you have it downloaded
  5. Click on “Install Now” and then “Activate” to install the Theme

Manual Installation using FTP

To add a new Theme to your WordPress installation, follow these basic steps:

  1. Download Full-frame Pro from your Catch Themes member My-Account to your Desktop
  2. Unzip catch-base-pro.zip to your Desktop
  3. Using an FTP client to access your host web server. Go to /wp-content/themes/ and make sure that you do not already have a catch-base-pro folder installed. If you do, then back it up and remove it from /wp-content/themes/ before uploading your copy of Full-frame Pro
  4. Upload Full-frame Pro to /wp-content/themes/
  5. Activate Full-frame Pro through “Appearance => Themes”, in your WordPress Dashboard

Updating Theme Using the Administration Panel #

You can update Themes directly from the Administration Panel using Catch Updater plugin. Click here to read details about Catch Updater plugin.

Updating Theme Using FTP

To update Theme though FTP, follow these basic steps:

  1. Download the latest version of Full-frame Pro from your Catch Themes member My-Account to your Desktop
  2. Unzip catch-base-pro.zip to your Desktop
  3. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Full-frame Pro Theme which shall replace the old files

This theme relies heavily on Featured Images. If your post is missing a Featured Image, the post image will not show up on homepage, on archived pages and on Featured Page Slider Content. Click Here to see how to add Featured Image in your Post/Page.

Image Sizes:

Featured Content
Width: 400px
Height: 225px

Featured Slider
Width: 1680px
Height: 720px

Featured Image: Excerpt Featured Image
Width: 860px
Height: 484px

Custom Header Image
Width: Flexible (recommended width 1680px)
Height : Flexible (recommended height 720px)

How to add Featured Image in Post/Page?

  1. Open the editor of the post/page where you want to display image, and locate the Featured Image module in the bottom right corner under Page Attributes. Click on Set featured image.
  2. Then you can either upload the image from your computer or select the existing image from your media library and click on Set Featured Image.Click to view screenshot
  3. For more detail, click here to watch video Screencast

Regenerate Thumbnails #

If you have just changed your theme then you need to regenerate image thumbnail for post published before activating this theme. You can simply install Regenerate Thumbnails Plugin. Then Regenerate Thumbnails through “Tools => Regen. Thumbnails” in your WordPress Dashboard.

Widgets #

Full-frame Pro currently has 15 widgetized (Sidebar) areas that are 1.Primary Sidebar, 2. WooCommerce Primary Sidebar,3.Optional Homepage Sidebar, 4. Optional Archive Sidebar, 5. Optional Page Sidebar, 6. Optional Post Sidebar, 7. Optional Sidebar One, 8. Optional Sidebar Two, 9. Optional Sidebar Three, 10. Page Not Found Content, 11. Footer Area One, 12. Footer Area Two and 13. Footer Area Three, 14. Footer Area Four, 15. Header Right. You can add a variety of Widgets to this theme from “Appearance => Widgets” or “Appearance => Customize => Widgets” in WordPress.

Full-frame Pro offers exciting Menu Options! This theme supports and recommends using “Custom Menus”. You can create Custom Menu through “Appearance => Menus” from your WordPress Dashboard.

Select Menu Locations
You can assign your custom menu in 4 different locations. You assign it either from “Appearance => Customize => Navigation” or from “Appearance => Menus => Manage Locations”
Select your Custom Menu as Primary Menu to display it as the Main Menu, which will replace the default Page Menu
Select your custom menu as Secondary Menu to display Menu below Primary Menu
Select your custom menu as Header Right Menu to display Menu in Header Right Sidebar Area
Select your custom menu as Footer Menu to display Menu in Footer Area

Note: If you do not see Navigation Option in “Appearance => Customize”, it will mean you have not created any menu. Go to “Appearance => Menus” to create menu first.

Customizer (Theme Options) #

You can customize this theme using cool additional features through Customizer at “Appearance => Customize” from your WordPress Dashboard.

  1. Go to “Appearance => Customize => Site Identity”
  2. You can replace the default logo by clicking on it, or click on “Add new Image”
  3. Then you can either upload the image from your computer or select the existing image from your media library
  4. Finally, click on “Save & Publish”

How to enable/disable Site Title and Tagline #

  1. Go to “Appearance => Customize => Site Identity”
  2. Uncheck “Display Site Title and Tagline” and it will display Site Title and Tagline
  3. Finally, click on “Save & Publish”

How to add Site Icon (Favicon/Web Clip Icon)? #

  1. Go to “Appearance => Customize => Site Identity => Site Icon”
  2. Click on “Select Image” and then you can either upload the image from your computer or select the existing image from your media library
  3. Finally, click on “Save & Publish”

Header Image #

Custom Header Image is different from site logo. It’s a large global image in the header to obtain a much more personalized look and feel. To add header image, you need to go to “Appearance => Customize => Header Image”. Here, you can add/change/hide Header Image, select option to Enable Featured Header Image on, Position, Size and add in links and alt tag as per your website need.

Options to Enable Header Featured Image

When you are in “Appearance => Customize =>; Header Image”, you will see option “Enable Featured Header Image on”. There are 7 options, which gives you flexibility to add Header Image as per your website need.

Option 1: Homepage/Frontpage
This option will show header image in Homepage/Frontpage only.

Option 2: Excluding Homepage
This option will show header image throughout the site, excluding Homepage.

Option 3: Excluding Homepage, Page/Post Featured Image
This option will show header image throughout the site excluding Homepage. But in Page/Post, your header image will be replaced by Featured Image.

Option 4: Entire Site
This option will show header image throughout the site.

Option 5: Entire Site, Page/Post Featured Image
This option will show header image throughout the site. But in Page/Post, your header image will be replaced by Featured Image.

Option 6: Page and Post
This option will show Header Image in Page and Post only. But in Page/Post, your header image will be replaced by Featured Image.

Option 7: Disable
This option will disable Header Image completely.

  1. Go to “Appearance => Customize => Header Image”
  2. Now, select enable options in “Enable Featured Header Image on”
  3. Click on “Add New Image” to add new header image
  4. Then you can either upload the image from your computer or select the existing image from your media library
  5. Click on “Select and Crop” and you can either crop image or skip cropping
  6. Finally, click on “Save & Publish”

Note: If you want to move header Image Position, choose the position of header below “Featured Header Image Position”

How to enable Breadcrumb and change separator? #

  1. Go to “Appearance => Customize => Theme Options => Breadcrumb Options”
  2. Check option “Check to enable Breadcrumb” to enable Breadcrumb
  3. To enable Breadcrumb on Homepage, check option “Check to enable Breadcrumb on Homepage”
  4. To change the seperator between Breadcrumbs, use desired separator below “Seperator between Breadcrumbs”
  5. Finally, click on “Save & Publish”

Comment Options #

  1. Go to “Appearance => Customize => Theme Options => Comment Options”
  2. Under “Comment Option” select desired option from Use WordPress setting, Disable in Pages and Disable Completely
  3. To disable note below comments box, check option “Check to Disable Notes”
  4. To disable website field, check option “Check to Disable Website Field”
  5. Finally, click on “Save & Publish”

Additional CSS #

You can add your custom CSS that will overwrite the theme CSS for further design customization through “Appearance => Customize => Additional CSS”, in your WordPress Dashboard.

Note: If you are doing heavy customization and adding lot of additional css then we recommended to build Child Theme and add it in your child theme style.css file. Read More about child theme…

How to Change the Excerpt Length and Read More Text? #

  1. Go to “Appearance => Customize => Theme Options => Excerpt Options”
  2. Type in the Excerpt Length as in, the number of words, and Read More Text
  3. Finally, click on “Save & Publish”

Feed Redirect #

  1. Go to “Appearance => Customize => Theme Options => Feed Redirect”
  2. Add Feed link below “Feed Redirect”
  3. Finally, click on “Save & Publish”

Note: If you custom feed(s) are not handled by Feedblitz or Feedburner, do not use Redirect Options.

Fixed Header Top Options #

Full Frame Pro supports 4 featured slider types to choose from: Featured Post Slider, Featured Page Slider, Featured Category Slider and Featured Image Slider. For Featured Slider Options, go to “Appearance => Customize => Featured Slider Options”.

How to enable Featured Slider?#

  1. Go to “Appearance => Customize => Featured Slider => Featured Slider Options” from your WordPress Dashboard
  2. To enable slider, select “Homepage/Frontpage or Entire Site” option under “Enable Slider on”
  3. Under “Select Slider Type”, Select Slider Type as “Featured Page Slider, Featured Page Slider, Featured Category Slider or Featured Image Slider”
  4. Finally, click on “Save & Publish”

Featured Post Slider

Features post slider is created to highlight your Post in the slider. So, first you need to create a Post and then add Featured Image to the Post.

How to enable Featured Post Slider?#

  1. Make sure featured slider is enabled
  2. Under “Select Slider Type”, Select Slider Type as “Featured Post Slider”
  3. Then, add in Post ID in Featured Post 1, Featured Post 2 and so on
  4. Finally, click on “Save & Publish”

Note:
When you select post, make sure your post have Featured Image. Click here to watch our Video Screencast to add Featured Image.

Featured Page Slider

Features page slider is created to highlight your Page in the slider. So, first you need to create a Page and then add Featured Image to the Page.

How to enable Featured Page Slider?#

  1. Make sure featured slider is enabled
  2. Under “Select Slider Type”, Select Slider Type as “Featured Page Slider”
  3. Then, select Page in Featured Page 1, Featured Page 2 and so on
  4. Finally, click on “Save & Publish”

Note:
When you select page, make sure your page have Featured Image. Click here to watch our Video Screencast to add Featured Image.

Featured Category Slider

Features category slider is created to highlight your posts from specific categories in the slider. So, first you need to create a Post, add Featured Image to the post and assign posts to specific category.

How to enable Featured Category Slider?#

  1. Make sure featured slider is enabled
  2. Under “Select Slider Type”, Select Slider Type as “Featured Category Slider”
  3. Then, select Catgories
  4. Finally, click on “Save & Publish”

Note:
When you select categories, make sure your posts in those categories have Featured Image. Click here to watch our Video Screencast to add Featured Image.

Featured Image Slider:

Featured Image Slider is created to highlight independent images in the slider. This slider gives you full control to upload your own independent image, with title (optional), content (optional), optional link and target. Just use the following simple steps to add in the Featured Image Slider.

How to enable Featured Image Slider?#
Features Page Slider Content is created to highlight your Page in the Slider Content. So, first you need to create a Page and then add Featured Image to the Page.

  1. Make sure featured slider is enabled
  2. Under “Select Slider Type”, Select Slider Type as “Featured Image Slider”
  3. Then, upload Image, add in link, title, content as per your need
  4. Finally, click on “Save & Publish”

Note:
When you select page, make sure your page have Featured Image. Click here to watch our Video Screencast to add Featured Image.

How to change Transition Effect, Transition Delay and Transition Length on Slider?#

  1. Make sure featured slider is enabled
  2. Go to “Appearance => Customize => Featured Slider => Featured Slider Options” from your WordPress Dashboard
  3. To change Transition Effect, select option under “Transition Effect”
  4. To change Transition Delay, change number of second(s) under “Transition Delay” as per your need
  5. To change Transition Length, change number of second(s) under “Transition Length” as per your need
  6. Finally, click on “Save & Publish”

Image Loader#

  1. Go to “Appearance => Customize => Featured Slider => Featured Slider Options” from your WordPress Dashboard
  2. Under “Image Loader”, select “True, False or Wait” as per your need
  3. Finally, click on “Save & Publish”

Note:
True: Fixes the height overlap issue. Slideshow will start as soon as two slider are available. Slide may display in random, as image is fetch.
Wait: Fixes the height overlap issue. Slideshow will start only after all images are available.

How to change number of slides?#

  1. Make sure featured slider is enabled
  2. Go to “Appearance => Customize => Featured Slider => Featured Slider Options” from your WordPress Dashboard
  3. Under “No of Slider”, select the number slides as per your need
  4. Finally, click on “Save & Publish”

How exclude Slider post from Homepage posts?#

  1. Make sure featured slider is enabled
  2. Go to “Appearance => Customize => Featured Slider => Featured Slider Options” from your WordPress Dashboard
  3. Check option, “Check to exclude Slider post from Homepage posts”
  4. Finally, click on “Save & Publish”

Social Media Icons #

Full Frame Pro has custom social icons for various social networking sites. You can activate the social icons you want by adding in your social profile links through “Appearance => Customize => Social Links => Social Links”, in your WordPress Dashboard.

Further, you can add your own custom social image, title, links through “Appearance => Customize => Social Links => Custom Social Links”, in your WordPress Dashboard.

Embed Multimedia into Posts or Pages #

For externally hosted videos (for example a YouTube or Vimeo video), you can directly paste the link of your video page into the content editor. You do not necessarily have to paste the embed code in the content. WordPress will automatically embed the video from the link.

Webmaster Tools #

We have moved Webmaster Tools to our plugin Catch Web Tools for better management and data access. So, just install Catch Web Tools plugin and activate “Webmaster Tools” from Catch Web Tools plugin dashboard. You can verify your site on Google, Yahoo and Bing by adding in the IDs in the respective boxes through “Catch Web Tools => Webmaster Tools” in your WordPress Dashboard. Further, you can add in the Google Analytic. Adding scripts in Header and Footer does not require you to edit codes through Webmaster Tools.

How to Insert Site Verification IDs?

  1. Go to “Catch Web Tools => Webmaster Tools => Site Verification” in your WordPress Dashboard
  2. Enter the Site Verification ID (Google, Yahoo, Bing) wherever you wish to verify your site
  3. Click on Save Changes button

How to Insert Analytics / Other Scripts in Header/Footer?

  1. Go to “Catch Web Tools => Webmaster Tools => Header and Footer Scripts” in your WordPress Dashboard
  2. Here you can add in various scripts like, google, facebook etc.
  3. Enter the script in upper text area, for text you want to load on Header
  4. Enter the script in lower text area, for text you want to load on Footer
  5. Click on Save Changes button

Translating Your Theme with WPML#

Basic Setup

Full Frame Pro is WPML-compatible, that means all the text in this theme can be translated to the language of your choice. To begin, be sure you have the WPML Plugin installed and activated, along with WPML String Translation plugin.

For First Time Setup

To set up WPML for the first time, follow their Getting Started Guide.
To begin translating, select WPML (in the Dashboard menu) -> String Translation. You should see a list of the strings in the theme, with blue translation links to the right. Click these links to reveal the list of languages you use on your blog and the associated translations. Go to this link for more details.

Translating your content

To translate your posts, pages and custom data types, go to this link

Recommended Plugins
* Catch Web Tools for Webmaster Tools, To Top, Catch IDs
* Essential Content Type
* Contact Form 7 for Contact Form
* WooCommerce for E-commerce
* WPML for multi-language
* WP-PageNavi for Numeric Pagination
* Regenerate Thumbnails to for Regenerating Thumbnails
* Jetpack for Infinite Scroll, Gallery, Stats, Image CDN and many more

Exit mobile version