Pageloader

Theme Documentation – Options

Options

Hydd is managed through a network of options called Theme Options, Page Options. The Theme Options are located in Hydd > Theme Options and the theme options organized into tabs. If you want to set more specific options for a particular page or post, you can set them in Page Options, which is located in every page or post.

  • Theme Options
  • Page Options
  • Blog Post Options
  • Portfolio Post Options
  • Team Options
  • Testimonials Options
  • Visual Composer Shortcode Options

Theme Options

Hydd has an advanced Theme Options panel that organized into tabbed sections and each option has a description of what it will do on the front end. You can navigate through each tab to see what we offer. Go to Theme Options in your WordPress admin to access the Theme Options panel. See below for screenshots and short descriptions of our Theme Options panel.

  • General – In General option, you can enable or disable the Page Loader, select responsive options, select logo, Favicons, Breadcrumbs and Enter your Mailchimp API key to get subscribers for your lists.
  • Maintenance – These options allow you enable the themes maintenance mode and coming soon mode.
  • Layout – In Layout option, you can choose the theme layout, page layout and select the maximum width for fullwidth and boxed layout.
  • Header – You can enable sticky header, Sticky header show/hide, header top bar, main menu and secondary menu.
  • Mobile Header – You can Upload an image or insert an image url to use for the mobile logo and also Enable Mobile Sticky Header.
  • Footer – These options allow you to customize your website’s footer as well as add copyright and footer widget.
  • Typography – Typography options allow you to select and customize google fonts for your menu, headings, and posts.
  • Skin – You can choose the default color schemes, theme skin and set the colors for the body, header, menu, footer.
  • Social – This allows you to choose the social icon type and default social icons.
  • Portfolio – This allows you to customize portfolio display options to your theme.
  • Services – This option allows you to customize the services custom posts to your theme.
  • Posts – These options are all applied to your blog archive, blog page, single page, featured post slider.
  • Search Page – These options allows you to set the layout for the search page.
  • Social Share – These options allow you to enable the social share option in blog post for your theme.
  • Contact – These options allow you to enter the Contact Form Success & Failure Message.
  • Custom Post Types – These options allow you to enable or disable and customize all the custom post types in the theme.
  • Woo commerce – These options assist with the integration between Woocommerce and Hydd.
  • Miscellaneous – These options allows you enable or disable the minify scripts and css files.
  • Import/Export – These options allow you to import or export the file for your theme.

General

Maintenance

Layout

Header

Mobile Header

Footer

Typography

Skin

Social

Portfolio

Services

Posts

Search Page

Social Share

Custom Post Types

Woo commerce

Miscellaneous

Import/Export

Contact

Page Options

Hydd has an advanced Page Options panel that organized into sections and each option has a description of what it will do on the front end. You can navigate through each tab to see what we offer. Go to Page Options in your WordPress admin to access the Page Options panel. See below for screenshots and short descriptions of our Page Options panel.

  • Page – In page option, you can choose the page layout, columns and customize the page individually.
  • Slider – These options allow you to select the slider on the current page. It allow you to select a slider and set it’s position.
  • Header – Header option allows you to enable/disable the header and select its background options.
  • Footer – Footer option allows you to enable/disable the footer and select its background options.
  • Sidebar – Sidebar options allow you to select the dynamic sidebar for your theme.
  • Page Title Bar – These option allows you to enable/disable the page title bar and its background options.
  • Background – This allows you to choose body, page background options and individually customize the current page’s background.
  • One Page – This allows you to select the one page section options.

Page

  • Page Layout – You can choose Page Layout such as Default option, Boxed Layout, Fullwidth Layout.
  • Column Layout – These options allow you to select column layout.
  • Page Content Top Padding – Enter page top content padding. In pixels ex: 30px. Leave empty for default value.
  • Page Content Bottom Padding – Enter page bottom content padding. In pixels ex: 30px. Leave empty for default value.

Slider

  • Slider Position – You can Select if the slider shows below or above the header.
  • Revolution Slider Shortcode – These options allow you to enter shortcode for Revolution Slider

Header

  • Display Header – You can choose to show or hide the header.
  • Display Header Top Bar – These options allow you to choose to show or hide the header top bar.
  • Header Layout – You can Header Layout choose header layout.
  • Header Transparency – You can choose header Transparency.
  • Main Navigation Menu – Choose which menu displays on this page.
  • Background Image – You can choose the Background Image and click Upload button.
  • Background Color – You can Select background color for header.
  • Background Color Opacity – Choose opacity for Background Color.
  • Background Repeat – This option allow you to select the repeat options for background.
  • Background Attachment – This option allow you to select the attachment options.
  • Background Position – You can Select the position for background.
  • 100% Scale Background Image – You can click checkbox to set 100% Scale for your Background Image.

Footer

  • Display Footer Widget Area – Choose to show or hide the footer widget area.
  • Display Footer Widget Area – Choose to show or hide the footer widget area.

Sidebar

  • Select Sidebar 1 – Primary Sidebar works on two column & three column layouts.
  • Select Sidebar 2 – Secondary Sidebar works only on three column layouts.

Page Title Bar

  • Hide Page Title Bar – This option allow you to Enable/Disable the Page Title Bar option.
  • Hide Page Title – This option allow you to Enable/Disable the Page Title option.
  • Page Title Bar Type – You can choose Type such as Default or Mini for Page Title Bar.
  • Page Title Bar Skin – You can choose Skin such as Default or Dark for Page Title Bar.
  • Page Title Alignment – You can choose alignment options for Page Title.
  • Breadcrumbs – You can select default breadcrumbs or select show or hide option.
  • Show Page Slogan – Enable/Disable the page slogan option.
  • Page Slogan – You can Enter the Page Slogan Include All HTML tags.
  • Page Title Bar Height – Enter the height of the page title bar. In pixels ex: 120px.
  • Page Title Bar Mobile Height – Enter the height of the page title bar on mobile. In pixels ex: 120px.
  • Title Color – Select color for Page Title.
  • Slogan Color – Select color for Slogan.
  •  Breadcrumbs Color – Select color for breadcrumbs.
  • Video ID – Enter the youtube ID to play video in background. Ex: AzpU0WF6yPE
  • Border Color – Select border color for Page Title Bar.
  • Background Image – Select background image for Page Title Bar.
  • Background Color – Select background color for Page Title Bar.
  • 100% Scale Background Image – Primary Sidebar works on two column & three column layouts.
  • Enable Video Background ? – Click checkbox to Enable the Video Background on this Page.

Background

  • Page Background Image – This option allow you to upload the background image for Page.
  • Page Background Repeat – Choose background repeat option.
  • Page Background Attachment – Choose background attachment option.
  • Page Background Position – Choose background position option.
  • Page Background Color – Choose background position option.
  • Background Color Opacity – Choose background color opacity.
  • 100% Scale Background Image – Click on Checkbox to enable scale for Background Image.
  • Boxed Mode Options – You can set above same options for Boxed Mode Options.

One Page

  • Section Header – This allows you to show or hide the Header for each sections in One Page.
  • Section Title – This allows you give the section title for showing in one page.
  • Section Slogan – This allows you give the section slogan for showing in one page.
  • Section Padding Top – You need a space for each section which is showing one by one. So enter the value for Padding Top.
  • Section Padding bottom – You need a space for each section which is showing one by one. So enter the value for Padding Bottom.
  • Section Header Padding Bottom – You need a space after the header. So enter the value for Padding Bottom.
  • Section Colors – You can choose the colors for following options such as Section Title Color, Section Slogan Color, Section Text Color, Section Content Heading Tags Color, Section Background Color.
  • Parallax Mode – This option allows you to set the parallax mode for sections added in one page.
  • Parallax Background Image – This option allows you to set the background image for the parallax section. Choose the file for parallax background and click upload image.
  • Background Image Options – You can choose the background image settings such as Background Repeat, Background Attachment, Background Position, Background Size.
  • Parallax Background Overlay – This allow you to add overlay and customize the options such as Overlay, Overlay pattern, Overlay Pattern Style, Section Overlay Color, Overlay Color Opacity.
  • Parallax Additional Sections – You can optionally add some other sections in parallax without adding section in a menu. Choosed sections will show below to this current section in choosen order.

Services Options

Hydd has an advanced Services Options panel that organized into sections and each option has a description of what it will do on the front end. You can navigate through each tab to see what we offer. Go to admin panel Services to access the Services Options tab. See below for screenshots and short descriptions of our Services Options tab.

  • Gallery – These options allow you to add the gallery images for the service custom posts.
  • Page – In page option, you can choose the page layout, columns and customize the page individually.
  • Header – Header option allows you to enable/disable the header and select its background options.
  • Footer – Footer option allows you to enable/disable the footer and select its background options.
  • Sidebar – Sidebar options allow you to select the dynamic sidebar for your theme.
  • Page Title Bar – These option allows you to enable/disable the page title bar and its background options.
  • Background – This allows you to choose body, page background options and individually customize the current page’s background.

Gallery

  • Gallery – You can add images for services gallery post by uploading image.

Page

  • Page Layout – You can choose Page Layout such as Default option, Boxed Layout, Fullwidth Layout.
  • Column Layout – These options allow you to select column layout.
  • Page Content Top Padding – Enter page top content padding. In pixels ex: 30px. Leave empty for default value.
  • Page Content Bottom Padding – Enter page bottom content padding. In pixels ex: 30px. Leave empty for default value.

Header

  • Display Header – You can choose to show or hide the header.
  • Display Header Top Bar – These options allow you to choose to show or hide the header top bar.
  • Header Layout – You can Header Layout choose header layout.
  • Header Transparency – You can choose header Transparency.
  • Main Navigation Menu – Choose which menu displays on this page.
  • Background Image – You can choose the Background Image and click Upload button.
  • Background Color – You can Select background color for header.
  • Background Color Opacity – Choose opacity for Background Color.
  • Background Repeat – This option allow you to select the repeat options for background.
  • Background Attachment – This option allow you to select the attachment options.
  • Background Position – You can Select the position for background.
  • 100% Scale Background Image – You can click checkbox to set 100% Scale for your Background Image.

Footer

  • Display Footer Widget Area – Choose to show or hide the footer widget area.
  • Display Footer Widget Area – Choose to show or hide the footer widget area.

Sidebar

  • Select Sidebar 1 – Primary Sidebar works on two column & three column layouts.
  • Select Sidebar 2 – Secondary Sidebar works only on three column layouts.

Page Title Bar

  • Hide Page Title Bar – This option allow you to Enable/Disable the Page Title Bar option.
  • Hide Page Title – This option allow you to Enable/Disable the Page Title option.
  • Page Title Bar Type – You can choose Type such as Default or Mini for Page Title Bar.
  • Page Title Bar Skin – You can choose Skin such as Default or Dark for Page Title Bar.
  • Page Title Alignment – You can choose alignment options for Page Title.
  • Breadcrumbs – You can select default breadcrumbs or select show or hide option.
  • Show Page Slogan – Enable/Disable the page slogan option.
  • Page Slogan – You can Enter the Page Slogan Include All HTML tags.
  • Page Title Bar Height – Enter the height of the page title bar. In pixels ex: 120px.
  • Page Title Bar Mobile Height – Enter the height of the page title bar on mobile. In pixels ex: 120px.
  • Title Color – Select color for Page Title.
  • Slogan Color – Select color for Slogan.
  • Breadcrumbs Color – Select color for breadcrumbs.
  • Video ID – Enter the youtube ID to play video in background. Ex: AzpU0WF6yPE
  • Border Color – Select border color for Page Title Bar.
  • Background Image – Select background image for Page Title Bar.
  • Background Color – Select background color for Page Title Bar.
  • 100% Scale Background Image – Primary Sidebar works on two column & three column layouts.
  • Enable Video Background ? – Click checkbox to Enable the Video Background on this Page.

Background

Page Background Image – This option allow you to upload the background image for Page.

  • Page Background Repeat – Choose background repeat option.
  • Page Background Attachment – Choose background attachment option.
  • Page Background Position – Choose background position option.
  • Page Background Color – Choose background position option.
  • Background Color Opacity – Choose background color opacity.
  • 100% Scale Background Image – Click on Checkbox to enable scale for Background Image.
  • Boxed Mode Options – You can set above same options for Boxed Mode Options.

Post Options

Hydd has an advanced Post Options panel that organized into sections and each option has a description of what it will do on the front end. You can navigate through each tab to see what we offer. Go to Post Options in your WordPress admin to access the Post Options panel. See below for screenshots and short descriptions of our Post Options panel.

  • Post – In post option, you can choose video/audio embed code, single post options like related, author box, previous/next navigation and comments.
  • Page – In page option, you can choose the page layout, columns and customize the page individually.
  • Slider – These options allow you to select the slider on the current page. It allow you to select a slider and set it’s position.
  • Header – Header option allows you to enable/disable the header and select its background options.
  • Footer – Footer option allows you to enable/disable the footer and select its background options.
  • Sidebar – Sidebar options allow you to select the dynamic sidebar for your theme.
  • Page Title Bar – These option allows you to enable/disable the page title bar and its background options.
  • Background – This allows you to choose body, page background options and individually customize the current page’s background.

Post

  • Video Embed Code – Insert Youtube or Vimeo embed code. Videos will show only for Video Post Format.
  • Audio Embed Code – Insert audio embed code. Audios will show only for Audio Post Format.
  • External Link URL – Insert External Link URL if Post Format is Link.
  • Gallery Images – Choose to show images as slider or carousel only for Gallery Post Format.
  • Show Social Sharing – Choose to show or hide the social sharing.
  • Show Author Info – Choose to show or hide the author info.
  • Show Comments – Choose to show or hide comments.
  • Show Related Posts – Choose to show or hide related posts.
  • Show Previous/Next Pagination – Choose to show or hide post navigation.

Page

  • Page Layout – You can choose Page Layout such as Default option, Boxed Layout, Fullwidth Layout.
  • Column Layout – These options allow you to select column layout.
  • Page Content Top Padding – Enter page top content padding. In pixels ex: 30px. Leave empty for default value.
  • Page Content Bottom Padding – Enter page bottom content padding. In pixels ex: 30px. Leave empty for default value.

Slider

  • Slider Position – You can Select if the slider shows below or above the header.
  • Revolution Slider Shortcode – These options allow you to enter shortcode for Revolution Slider.

Header

  • Display Header – You can choose to show or hide the header.
  • Display Header Top Bar – These options allow you to choose to show or hide the header top bar.
  • Header Layout – You can Header Layout choose header layout.
  • Header Transparency – You can choose header Transparency.
  • Main Navigation Menu – Choose which menu displays on this page.
  • Background Image – You can choose the Background Image and click Upload button.
  • Background Color – You can Select background color for header.
  • Background Color Opacity – Choose opacity for Background Color.
  • Background Repeat – This option allow you to select the repeat options for background.
  • Background Attachment – This option allow you to select the attachment options.
  • Background Position – You can Select the position for background.
  • 100% Scale Background Image – You can click checkbox to set 100% Scale for your Background Image.

Footer

  • Display Footer Widget Area – Choose to show or hide the footer widget area.
  • Display Footer Menu – Choose to show or hide the footer menu.

Sidebar

  • Select Sidebar 1 – Primary Sidebar works on two column & three column layouts.
  • Select Sidebar 2 – Secondary Sidebar works only on three column layouts.

Page Title Bar

  • Hide Page Title Bar – This option allow you to Enable/Disable the Page Title Bar option.
  • Hide Page Title – This option allow you to Enable/Disable the Page Title option.
  • Page Title Bar Type – You can choose Type such as Default or Mini for Page Title Bar.
  • Page Title Bar Skin – You can choose Skin such as Default or Dark for Page Title Bar.
  • Page Title Alignment – You can choose alignment options for Page Title.
  • Breadcrumbs – You can select default breadcrumbs or select show or hide option.
  • Show Page Slogan – Enable/Disable the page slogan option.
  • Page Slogan – You can Enter the Page Slogan Include All HTML tags.
  • Page Title Bar Height – Enter the height of the page title bar. In pixels ex: 120px.
  • Page Title Bar Mobile Height – Enter the height of the page title bar on mobile. In pixels ex: 120px.
  • Title Color – Select color for Page Title.
  • Slogan Color – Select color for Slogan.
  • Breadcrumbs – Select color for breadcrumbs.
  • Border Color – Select border color for Page Title Bar.
  • Background Image – Select background image for Page Title Bar.
  • Background Color – Select background color for Page Title Bar.
  • Video ID – Enter the youtube ID to play video in background. Ex: AzpU0WF6yPE
  • 100% Scale Background Image – Primary Sidebar works on two column & three column layouts.
  • Enable Video Background ? – Click checkbox to Enable the Video Background on this Page.

Background

  • Page Background Image – This option allow you to upload the background image for Page.
  • Page Background Repeat – Choose background repeat option.
  • Page Background Attachment – Choose background attachment option.
  • Page Background Position – Choose background position option.
  • Page Background Color – Choose background position option.
  • Background Color Opacity – Choose background color opacity.
  • 100% Scale Background Image – Click on Checkbox to enable scale for Background Image.
  • Boxed Mode Options – You can set above same options for Boxed Mode Options.

Portfolio Options

Hydd has an advanced Portfolio Options panel that organized into sections and each option has a description of what it will do on the front end. You can navigate through each tab to see what we offer. Go to Portfolio Options in your WordPress admin to access the Portfolio Options panel. See below for screenshots and short descriptions of our Portfolio Options panel.

  • Info – You can select portfolio date, client name and enable/disable social share.
  • Slider – You can more new options to the portfolio.

Info

  • Portfolio Date – This option allow you to set the Date for Portfolio.
  • Client Name – Enter the Client Name.
  • Enable Social Share – This option allow you to enable the Social Share.

Slider

  • Image Title – Enter the Image Title.
  • Image – Choose the portfolio image and upload.
  • Video Type – You can choose the video type such as Vimeo or Youtube.
  • Video ID – Enter the ID for choosed video type.

Team Options

Hydd has an advanced Team Options panel that organized into sections and each option has a description of what it will do on the front end. You can navigate through each tab to see what we offer. Go to Team Options in your WordPress admin to access the Team Options panel. See below for screenshots and short descriptions of our Team Options panel.

  • Info – You can select Member Name, Designation and Member Overview.
  • Social – You can add multiple Social Links and Video Links.

Info

  • Member Name – Enter the Team Member Name.
  • Member Designation – Enter the Team Member Designation.
  • Member Overview – This option allow you to enter the Overview of Team Members.

Social

  • Facebook Link – Enter the link for Facebook.
  • Twitter Link – This option allow you to Enter the Twitter.
  • Google Plus Link – Enter the link for Google Plus.
  • Linkedin Link – Enter the link for Linkedin.
  • Pinterest Link – Enter the link for Pinterest.
  • Dribbble Link – Enter the link for Dribbble.
  • Skype Link – Enter the link for Skype.
  • Yahoo Link – Enter the link for Yahoo.
  • Youtube Link – Enter the link for Youtube.
  • Link Target – Set the Target Link for the links.

Testimonials Options

Hydd has an advanced Testimonials Options panel that organized into sections and each option has a description of what it will do on the front end. You can navigate through each tab to see what we offer. Go to Testimonials Options in your WordPress admin to access the Testimonials Options panel. See below for screenshots and short descriptions of our Testimonials Options panel.

Author Info

  • Author Designation – Enter author designation.
  • Company Name – Enter author company name.
  • Company URL – Enter author company website URL.

Visual Composer Shortcode Options

Hydd use an visual composer additional blocks or shortcodes that organized into tabbed sections and each option has a description of what it will do. Following steps list out the shortcode options.

  • Section Title – This allows you to customize the section heading options and content.
  • List Item – These options allow you to list your items with icons.
  • Feature Box Settings – This allows you to customize the feature box style such as default box, box with background, outline box, overlay style.
  • Icons – You can list icon with different style.
  • Service Box – These options allow you to list your services with different style.
  • Google Map – Google map allows you to customize the general map settings and content.
  • Content Carousel – You can use anything as carousel.
  • Pie Chart – This allows you to customize the animated circle pie chart with counters, Input graph values, titles, description and bar color etc.
  • Counters – These options include animated number counters.
  • Day Counter – These options are all applied to animated day up/down counter.
  • Events List – These options allows you to List your Events from Events calendar.
  • Easy Digital Downloads – List your Downloads from Easy Digital plugin.
  • Pricing Table – These options allows to insert the pricing tables and customize the options such as plan, cost, features, icon, buttons.
  • Blog – Show your blog post styles and layout.
  • Latest Post – These options allows you to show your latest blog
  • Portfolio Grid – To show your works in grid with different styles.
  • Portfolio Slider – The portfolio slider settings allows you to show your works in slider.
  • Client Slider – The client slider settings allows to show the client/brand images.
  • Testimonials Grid – These options allow you to show your testimonials in grid.
  • Testimonials Slider – These options allow you to show your testimonials in sliders
  • Team Grid – To show your team members in grid with different styles.
  • Team List – To show your team members in list with different styles.
  • Team Slider – To show your team members in slider with different styles.
  • Contact Info – These options allow you to set the opening days, location, email for the contact details.
  • Contact Form – These options allow you to set the fields, form layout and form style.
  • Woo Latest Product Slider – To show the latest products in sliders.
  • Mailchimp Form – You can use Mailchimp form with different styles.
  • Search Form – You can add search form using this shortcode options.
  • Woo Product Slider – You can add product slider using this woo product slider shortcode options.
  • Services Grid – You can show the services in grid options.

Section Title

List Item

Feature Box Settings

Icons

Service Box

Services Grid

Google Map

Content Carousel

Pie Chart

Counters

Day Counter

Events Lists

Easy Digital Downloads

Pricing Table

Blog

Latest Post

Portfolio Grid

Portfolio Slider

Client Slider

Testimonials Grid

Testimonials Slider

Team Grid

Team Lists

Team Slider

Twitter Slider

Contact Info

Contact Form

Mailchimp Form

Search Form

Woo Product Slider

Site Width

Site Width option where you can set your site to display in 100% browser width, or your own width. Site Width as container max width is located under Theme Options > Layout > Container Max Width. Read the below steps to select the layout and width for your site.

Layout

  • There are two layouts you can choose between for your website; Fullwidth layout and Boxed layout.
  • These can be set in the Theme Options and individually in Page Options which overrides Theme Options.

Site Width

  • The Site Width option controls the overall site width. You can use a pixel value (px), or a percentage (%).
  • If you’d like your site to span the full browser width, enter 100% as a value.If you’d prefer a set size, you can enter something like 1170px.

Color Settings

Hydd has an advanced color settings that organized into Skin tabs. The skin tab having the Default Color Scheme, Theme Skin, Custom Color Scheme, Link Color. You can choose the color schemes for Body, Header, Menu, Footer individually from skin tab. Read the following steps to know in details.

  • Hydd has default four color schemes. You can choose your theme color from Color Schemes.
  • You can choose theme skin as dark or light from Theme Skin option.
  • You can choose your custom color for your themes by the option Custom Color Scheme option and you can select transparent option for no color.
  • You can choose link color for regular and hover in Link color options.
  • Likewise you can choose background colors for the following Body/Page, Header, Menu, Footer, Social

Skin

Body/Page

Header

Menu

Footer

Social