Site icon Catch Themes

Fabulous Fluid Pro

Fabulous Fluid Pro is an advanced version of Fabulous Fluid free responsive WordPress theme. Fabulous Fluid Pro theme is beautifully crafted Premium Fluid WordPress theme for Blogger, Photographers, Personal Website with flexible and customizable theme customizer options. Its responsive design perfectly displays on all devices and platforms where each element has been carefully configured. It is based on HTML5, CSS3 and WordPress Theme Customizer for real time customization. It comes with an array of useful options so you can modify layout, styling, colors, fonts, featured content, featured slider, featured grid, promotion headline, pagination, icons, menus, breadcrumb, widgets and much more directly from theme customizer. This theme is translation ready. Check out Support Forum at https://catchthemes.com/support-forum/forum/fabulous-fluid-pro-premium/ and Demo at https://catchthemes.com/demo/fabulous-fluid/

Features in “Fabulous Fluid” Free Theme:

  1. Responsive Design
  2. Site Identity: Option add/edit Logo and Site Icon(Favicon/Web Clip Icon
  3. Color Options: Option to change WordPress Header Text Color, Background Color and Tagline Color
  4. Header Image: Option to set Custom header image/logo, Option to enable/disable featured header image(on HomePage/ FrontPage, Excluding HomePage, Excluding HomePage but enabled on Page/Post Featured Image, Entire Site, Entire Site including Page/Post Featured Image and Only on Pages and Posts), add Alt/Title tag and link URL, open link in new windows/tab and select Post/Page Featured image size
  5. Background Image: Option to add Background Image
  6. Menus: Option to use Primary Menu, Header Social Menu, Footer Social Menu and Footer Menu
  7. Breadcrumb Options: Option to enable/disable Breadcrumb on Homepage/Frontpage or Entire site and Option to change separator
  8. Additional CSS: Option to add your own CSS style to change the design as per you need
  9. Excerpt Options: Option to change Excerpt Length and Read More Text
  10. Form Elements: Option to enable/disable JavaScripts Cutom Forms
  11. Homepage/Frontpage Options: Select option to show post from selective category on HomePage/FrontPage
  12. Layout Options:
    1. Default Layout: Option to choose from i. Primary Sidebar,Content, ii. Content, Primary Sidebar and iii. No Sidebar(Content Width)
    2. Archive Content Layout: Option to choose from Show Excerpt(Excerpt Image Left) and Show Full Content(No Featured Image)
    3. Single Page/Post Image Layout: Option to enable/disable Single Page/Post Image Layout and select Featured Image, Slider or Full Size as Single Page/Post Image
  13. Pagination Options: Option to choose Pagination type from Default(Older Posts/Newer Posts), Numeric, Infinite Scroll (Click), Infinite Scroll (Scroll)
  14. Promotion Headline Options: Option to disable/enable 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
  15. ScrollUp Options: Option to enable/disable Scroll Up
  16. Search Options: Option to change the search box text
  17. Widget Area: 4 Widget Areas, That are: i. Primary Sidebar, ii. Footer Area One, iii. Footer Area Two and iv. Footer Area Three
  18. Featured Slider: Option to choose featured page slider, disable/enable featured slider on Homepage/FrontPage or entire site , option to select Transition Effect, Transition Delay and Transition Length of slides, Image Loader and option to highlight your featured pages in slider
  19. Featured Content: Option to choose Page Content, enable/disable featured content on Homepage/Frontpage or entire site, option to select Featured Content layout from 3 columns and 4 columns, option to highlight your featured pages as Featured Content and option to move featured content position above footer
  20. Featured Grid Content: Option to choose Page Content, enable/disable featured grid content on Homepage/FrontPage or entire site and option to highlight your featured pages in grid content, Disaply Content and change Load More Text

Features in “Fabulous Fluid” Pro Theme :

  1. Site Identity: Additional option to show/hide Site Description/Tagline
  2. Color Options: Additional Option to use color picker to change colors of various sections like Basic Color, Header Color, Content Color, Social Icons Color, Sidebar Color, Pagination Color, Footer Color, Promotion Headline Color, Scrollup Color, Slider Color, Featured Content Color, Featured Grid Content Color, Primary Menu Color, Footer Menu Color and Mobile Menu Color Scheme
  3. Feed Redirect: Option to redirect your feed to feedblitz or feedburner
  4. Font Family Options: Additional Option to choose Site Title Font Family, Default Font Family, Site Tagline Font Family, Content Title Font Family, Content Body Font Family and Headings Tags from h1 to h6 Font Family
  5. Footer Editor Option: Option to edit/delete footer text
  6. Homepage/Frontpage Options: Select option to show post from selective category on HomePage/FrontPage and enable/disable content(posts and primary sidebar) on homepage
  7. Layout Options:
    1. Default Layout: Additional 1 option 1. No Sidebar (Full Width)
    2. Woocommerce Layout: Option to choose from i. Primary Sidebar,Content, ii. Content, Primary Sidebar, iii. No Sidebar(Content Width) and iv. No Sidebar(Full Width)
    3. Archive Content Layout: Additional 2 options i. Excerpt Image Right and ii. Excerpt Image Top
  8. Search Options: Option to change the search box text
  9. Update Notifier: Option to enable/disable Theme Update notifications
  10. Featured Slider: Additional 3 featured content to choose from: i. Featured Post Slider, ii. Featured Category Slider and iii. Featured Image Slider
  11. Featured Content: Additional 3 featured content to choose from: i. Post Content, ii. Category Content and iii. Image Content
  12. Featured Grid Content: Additional 3 options to choose from: i. Post Content, ii. Category Content and iii. Image Content
  13. Widget Areas: Additional 12 widget areas which makes total of 16 widget areas registered. That is, i. Primary Sidebar, ii. Optional Homepage Sidebar, iii. Optional Archive Sidebar, iv. Optional Page Sidebar, v. Optional Post Sidebar, vi. Optional Sidebar One, vii. Optional Sidebar Two, viii. Optional Sidebar Three, ix. 404 Page Not Found Content, x. Promotion Headline Left, xi. Promotion Headline Right, xii. WooCommerce Primary Sidebar, xiii. Footer Area One, xiv. Footer Area Two, xv. Footer Area Three and xvi. Footer Area 4
  14. Widgets: “CT: Advertisement Widget”, “CT: Featured Page Widget”, “CT: Featured Post Widget”, “CT: Recent Comments”, “CT: Recent Posts” and “CT: Social Icon Widget”
  15. E-commerce Ready: It supports WooCommerce plugin
  16. Multi-language Ready: It supports WPML plugin

Installation Using the WordPress Administration Panel

  1. Download Fabulous Fluid 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 Fabulous Fluid.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 Fabulous Fluid Pro from your Catch Themes member My-Account to your Desktop
  2. Unzip Fabulous Fluid.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 Fabulous Fluid folder installed. If you do, then back it up and remove it from /wp-content/themes/ before uploading your copy of Fabulous Fluid Pro
  4. Upload Fabulous Fluid Pro to /wp-content/themes/
  5. Activate Fabulous Fluid 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 Fabulous Fluid Pro from your Catch Themes member My-Account to your Desktop
  2. Unzip Fabulous Fluid.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 Fabulous Fluid 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. Click Here to see how to add Featured Image in your Post/Page.

Image Sizes:

Featured Grid Small
Width: 420px
Height: 283px

Slider Image
Width: 1680px
Height: 720px

Thumbnail
Width: 67px
Height: 67px

Custom Header Image
Width: 1680px
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 #

Fabulous Fluid Pro currently has 16 widgetized (Sidebar) areas that are i. Primary Sidebar, ii. Optional Homepage Sidebar, iii. Optional Archive Sidebar, iv. Optional Page Sidebar, v. Optional Post Sidebar, vi. Optional Sidebar One, vii. Optional Sidebar Two, viii. Optional Sidebar Three, ix. 404 Page Not Found Content, x. Promotion Headline Left, xi. Promotion Headline Right, xii. WooCommerce Primary Sidebar, xiii. Footer Area One, xiv. Footer Area Two, xv. Footer Area Three and xvi. Footer Area 4. You can add a variety of Widgets to this theme from “Appearance => Widgets” or “Appearance => Customize => Widgets” in WordPress.

Fabulous Fluid 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.
For more detail, Click here to watch video Screencast

Select Menu Locations
You can assign your custom menu in 3 different locations. You assign it either from “Appearance => Customize => Menus => Menu Locations” 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 Header Social Menu to display social icons in Header
Select your custom menu as Footer Social Menu to display social icons in Footer
Select your custom menu as Footer Menu to display Menu in Footer Area

Fabulous Fluid allows you display links to your social media profiles, like Twitter and Facebook, with icons.

  1. Create a new Custom Menu, by going to “Appearance => Menus => create a new menu” and assign it to the Social Menu location
  2. Add links to each of your social services using the Custom Links panel
  3. Icons for your social links will automatically appear if it’s available

Available icons: (Linking to any of the following sites will automatically display its icon in your social menu).

* Codepen
* Digg
* Dribbble
* Dropbox
* Facebook
* Flickr
* Foursquare
* GitHub
* Google+
* Instagram
* LinkedIn
* Email (mailto: links)
* Path
* Pinterest
* Pocket
* Reddit
* RSS Feed (URLs with /feed/)
* Spotify
* StumbleUpon
* Skype
* Tumblr
* Twitch
* Twitter
* Vimeo
* VK
* WordPress
* Xing
* YouTube

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 “Change 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 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
  5. Click on “Select and Crop” and you can either crop image or skip cropping
  6. Finally, click on “Save & Publish”

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 separator between Breadcrumbs, use desired separator below “Separator 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 website field, check option “Check to Disable Website Field”
  4. 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 More Tag Text? #

  1. Go to “Appearance => Customize => Theme Options => Excerpt Options”
  2. Type in the Excerpt Length as in, the number of words, and More Tag 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.

How to select different font for different sections? #

  1. Go to “Appearance => Customize => Theme Options => Font Family Options”
  2. Select desired font below each given section
  3. Finally, click on “Save & Publish”

You can edit/delete the copyright and Theme information in the Footer. To edit/delete the footer text you need to go to “Appearance => Customize => Theme Options => Footer Editor Options”. Here you will see the default text and then you edit/remove text as per your need. You can add custom HTML and/or shortcodes, which will be automatically inserted into your theme. After this click on “Save & Publish”

How to Set Certain Categories to Display in Homepage/Frontpage? #

  1. Go to “Appearance => Customize => Theme Options => Homepage/Frontpage Options”
  2. Then select the category you want, and you may select multiple categories by holding down the CTRL key(windows)/Command Key(Mac)
  3. Finally, click on “Save & Publish”

How to disable content(post and primary sidebar) on homepage? #

  1. Go to “Appearance => Customize => Theme Options => Homepage/Frontpage Options”
  2. Check option, “Check to disable content(post and primary sidebar) on homepage”
  3. Finally, click on “Save & Publish”

Layout Options #

Fabulous Fluid Pro has 4 Default Layout options, 4 Woocommerce Layout, 4 Archive Content Layout and 3 Single Page/Post image layout to choose from “Appearance => Customize => Theme Options => Layout Options”

Default Layout Options
Once you are in Layout Options, you can select desired option below “Default Layout” which will set our site layout. Further, you have the choice of selecting custom layout for individual pages and posts through “Fabulous Fluid Options => Layout Options”, which you shall find below individual posts and pages, when you click on them for adding/editing.

Exit mobile version