• Home
  • /Archive by category ' Page + Post Options '

Archive For: Page + Post Options

Floating Header

Edit Page

media_1439222848240.png

Edit the page you wish to enable the Transparent Header on and scroll down to the "Page Config" tab.

Locate the "Floating Header" section

media_1439222905896.png

Note this option should only be used for pages with no sidebar selected.

Float

media_1439222997668.png

Select the "Float" option to set the header to "Float" above the content on the page. Note: This option is only recommended if you have a semi-transparent header background.

Float + Transparent

media_1439223211427.png

Select the "Float + Transparent" option to set the header to "Float" above the content on the page and set the background of the header to transparent.

Set the Float + Transparent Text Color / Logo

media_1439223430616.png

To set the "Float + Transparent" text color and logo, goto Appearance > Themes > Customize > Select the Skin you're using and goto Header > Transparent Header and select the Font Color and Logo version.

Note: This is required if your header is light and the content you're "Floating" the header above is dark.

Read more →

Add Gallery ( Pages )

Gallery Types

media_1410277403264.png

Choose from the following Galleries;

  • Revolution Slider
  • Stage Gallery
  • iSlider
  • Group Slider
  • Grid Gallery
  • 3d Gallery
  • Accordion Gallery

Selecting a gallery will present options that relate to that particular Gallery type.

Gallery Data Source

See Gallery Data Sources for more information on each type of data source available ( Slide Sets are the recommended option ).

Image Effects

Each gallery can be customised by adding Image effects to each image displayed. Add a shadow + reflection, reflection, drop shadow, frame or black & white or no effect.

Enable Lightbox

Depending on the gallery requirements, Lightbox can be enabled – this display the full size image within a lightbox or if a video is defined in the media url for that slide / post it will display the video in the lightbox. Alternatively the image can link to a specific URL.

Common Options

CSS Classes within a gallery

This feature takes your custom skin and applies it to your specified gallery. Create custom styles using the additional style option within the Skin Manager and copy the style name into the CSS Classes box.

Image Width

It's good practice to enter a width value, the height can be automatically set from this value.

Image Height

If you wish to crop an image, set both a width and height, the image will not disort.

Gallery / Row Height

This option defines the Gallery height or if the Grid Gallery option is select, it acts as a height for the individual row.

Slide Timeout

Timeout to the next slide. Applies to Stage, 3d, Accordion, GroupSilder, iSlider and Nivo galleries. Default is 10.

Gallery Content

This option allows you to choose what to display in those galleries. A choice of Text Image, Title Image, Title Overlay Image, Title & Text Overlay Image, Image Only, Text Only. Title Overlay Image and Title & Text Overlay Image reveal the Title/ Description Text when the image is hovered over.

Stage, Nivo Gallery Navigation

Control your gallery slides with an optional navigation. The user can add Bullet Nav + Left/Right Nav, Bullet Nav or disable all Nav.

Group Slider / Grid Gallery Position

The option is available to display the gallery above or below the main content.

Excerpt Word Limit

Limit the amount of words you want the gallery to display. Default is 55 words.

Limit Number of Posts to Display

Limit the number of posts retrieved from the database. This option also works with Attached Media

Sort By and Order By

Control how the posts are retrieved from the database. This option also works with Attached Media

Accordion Gallery Options

Accordion Auto Rotate

Enable to auto rotate through each accordion panel. Set the timeout using the Slide Timeout option

Accordion Startup Mini Titles

This option is enabled by default, it displays the Title overlaying each image when the gallery has loaded.

Group Slider & Grid Gallery Options

Grid / Group Slider Columns

Enter the number of columns you want to display on a single row.

Grid Gallery Show Posts

For use with Posts only, paginate how many posts to display on a page. 6 is default.

Grid Gallery Category Filter

Enable for animated category filtering. Select more than one Post category or create Gallery Slide Set filter tags ( See Slide Set Manager screencast ). Pagination will be disabled. Ideal for a portfolio.

If a category is clicked, the gallery is animated to filter only the Images within that category.

Group Slider Image Alignment

Alignment of the Group Slider - Choose from either Centre, Left or Right.

Group Slider Layout Format

Layout Format for the Group Slider - Choose from either Horizontal or Vertical.

Nivo Options

Nivo Transition Effect

Control the transition effect from one image to the next.

Stage Gallery Options

Slide Transition

The animation transition in which the images will change from one to the next.

Tweening

The process of generating intermediate frames between two images. It's recommended to try one or two to see the effect.

3d Gallery Options

Pieces

Number of pieces to which the image is sliced. Default is 15

Transition

Choose from various Tweener effects.

Transition Time

Time for one cube to turn. Default is 1.2.

Delay

Delay between the start of one cube to the start of the next cube. Default is 0.1.

DepthOffset

The offset during transition on the z-axis. Value between 100 and 1000 are recommended. But go for experiments.

CubeDistance

The distance between the cubes during transition. Values between 5 and 50 are recommended. But go for experiments.

The width of the image for the Stage Gallery should be at least 940px.

Controls X Position

Controls the position of the gallery horizontally the page.

Controls Y Position

Controls the position of the gallery vertically the page.

Text Background Color

Change the background colour of the 3d gallery using the color picker tool.

Text Color

Change the text color of the 3d gallery.

Read more →

Gallery / Media ( Post Only )

Gallery / Media

media_1410277354510.png

Note! If you wish to use a particular Post within a Gallery, you can set the various options via this Tab. To use the Post within a Gallery, save the Post into a specific Category and select that Category within Pages → Add Gallery → Data Source → Post Categories.

Image URL
This option only applies if you do not wish to use the Featured Image (Post Thumbnail ), this option overrides the Featured Image.

Click the Upload File button to insert the image URL.

If you do not enter an image into this field and there is no Featured Image set, the Galleries will automatically detect the first image in the post and use that.

Media URL
As with the Image File, click the Upload File button to insert the image URL. This can be a local Video / Audio URL, YouTube, Vimeo or other kind.

Embed Media
To display a video on a page or gallery slide, set this option, if lightbox is selected on the Gallery and you wish for the video to play within the lightbox, ensure this option is set to Disabled.

Video Ratio
Set the video ratio that best suits your media.

Autoplay Media
Enabling this option will auto play the video within the gallery slide.

Stage Gallery

Slide Timeout
This option overrides the default timeout setting for this slide only. For example if the default time for all slides is 10 seconds and you enter 30 seconds in this option, this slide only will display for 30 seconds.

Gallery Image Content
This option allows you to set how the content is shown in the Stage gallery.

  • Image - Displays the image only
  • Image / Text Overlay (Left) - Overlays the post content / description over the image with shaded background
  • Image / Text Overlay (Right) - Overlays the post content / description over the image with shaded background
  • Image / Title Overlay (Hover) - Overlays the title over the image with shaded background when hovered over
  • Image / Text Overlay (Hover) - Overlays the post content / description over the image with shaded background when hovered over
  • Image / Text Overlay - Overlays the post content / description over the image ( to be used with the content animator )

Post Title Overlay
If you wish to overlay the gallery image with the Post Title / Post Sub Title text, select an option from this list. There are various options to suit the image the text is overlaying, including light or dark text.

3d Gallery

Pieces
Number of pieces to which the image is sliced.

Time
Time for one cube to turn.

Transition
Choose from various Tweener effects.

Delay
Delay between the start of one cube to the start of the next cube.

DepthOffset
The offset during transition on the z-axis. Value between 100 and 1000 are recommended. But go for experiments.

CubeDistance
The distance between the cubes during transition. Values between 5 and 50 are recommended. But go for experiments.

Read more →

Page / Post Config

To configure the Page / Post layout, goto the Page / Post → Scroll Down to Page Config tab.

Alternative Page Title

media_1410258909651.png

As the diagram above suggests, enter an alternative Title or enter the text BLANK to override / disable the page title completely.

Sub Title

Enter a page Sub Title if required, this will appear directly underneath the main Page Title.

Wide Site Layout

You can now choose between a wide site layout and a normal width of page. Choosing this option will make the page you are editing, full width. This can also be set globally via Appearance → Theme Options → General → Wide Site Layout.

Page Layout

You can the global page layout via Appearance → Theme Options → General → Page Layout, you can also set the layout on a Page by Page basis using this option.

Column Sidebars

Depending on the page layout you select, choose a Sidebar that corresponds to the column. You can add sidebars via Appearance → Theme Options → General

Collapse Menu

This option allows you to display an icon to enable / disable the menu on that particular page. This will give you the same effect as the Fullscreen slider where the menu collapses, but with normal content instead of a gallery.

Branding / Menu Alignment

Control the alignment of the Branding and Menu for this page only.

Disable Breadcrumbs

Disable the breadcrumbs from displaying on this page only.

Disable Main Content

This option allows you to hide the page content, this is ideal if you wish to just display a Gallery on the page without any other text/content.

Disable Main Frame Background

Use this to disable the main frame which surrounds the page content. Ideal if you wish to format the page differently – You can use the Visual Composer → Styled Boxes → General to add the same border type around selected content.

Disable Footer

Select this option to disable the Footer on this page only.

Breadcrumbs

Breadcrumbs can be globally enabled via Appearance → Theme Options → General and disable on a page by page basis using the disable breadcrumbs option

Publish Author Name / Date

Selecting these options will display the Publish Date and Author Name on the page.

Text Resizer

Enable the text resizer on an individual page by switching this option to on.

Read more →

Additional ( Post Only )

Additional

Alternative Link
This allows you to link the post to an alternative URL ( Within your website or external ). e.g. The image advertises a Service – link the image to a Services page.

Disable Link
Disable the Post linking.

Disable Read More
This option removes the "Read More" text but still allows the post image/title to link.

Image in Post & Archive
If you wish to display your Image File as part of the post in the Archive and Single Post pages then select this option. If this option is enabled it will display the image within the post and enable the Lightbox effect. If you have a Video file also associated with the post it will use the Image as a thumbnail and then open the video within the Lightbox.

CSS Classes
Add custom CSS Classes to your galleries. e.g. add target_blank to open the link URL in a new window.

Read more →

Page / Post Skin

The global Skin option is set in Appearance → Themes → Customize → Default Skin.

Page Skin

You can override the default Skin option by selecting a Skin via Pages / Post → Skin tab.

Read more →

Custom Areas ( Pages )

Header Infobar

The header infobar allows you to add content to a page which displays directly above the header area. This can be set globally or on individual pages and can contain HTML / shortcodes.

Introduction Text

This allows you to add custom content which is placed directly under the page titles. If the Override Page Title text is set to BLANK it will display the Introduction content only. HTML and shortcodes are supported.

Exit Text

This content is displayed directly beneath the main content area. HTML and shortcodes are supported.

Read more →

Blog + Templates ( Pages )

Page templates can be selected from Pages → Page Attributes → Template. Choose from the following

Blog Template

The Blog template and Grid Blog ( Grid Blog columns can be set in Appearance → Theme Options → Blog ) display the latest posts on a page.

Select the categories you want to display from Pages → Blog → Categories.

If you wish to filter post formats, this can be done by selecting the formats you wish to disable.

This template also acts as a normal page and content can be placed above your blog posts e.g. a gallery.

Note! If the blog categories are not working, ensure the WP → Settings → Reading → Posts Page is set to blank.

Sitemap

Select the sitemap template to display Pages, Posts, Categories etc.

Read more →

Social Options

Social Options

Social Options allows you to add various Social Networking links to your Page or Post. It also allows you to add a Twitter Feed to the page – this will cycle through your latest tweets. See Theme Options → Social Media Options → Twitter to configure.

Twitter can be placed either above or beneath the content.

Social Networking icons can also be placed within the content of the Page/Post.

Disable Share Icon

Selecting this option will display the Social Networking icons directly on the page without the "Share" graphic.

Read more →