Skip to main content

Impacto Child Theme Options v.2.9.5

General Settings


In Live Mode, your customizations are cached in a dynamic stylesheet. Enabling Customization Mode puts the styles in wp_head and is not cached. This comes at a small price. For more info, please read

Breadcrumb Menu

Display a breadcrumb navigation menu in selected areas.

Breadcrumb Home Title

Breadcrumb home title display

Breadcrumb Blog Title

Breadcrumb blog title display

Default Sidebar Position

Select a sidebar layout position (left or right). You may change this on a per-page basis in the inidividual Page/Post settings.

Sidebar Width

Define the width of your sidebar.

Content Width

Define the width of your content area.

Custom CSS

Add custom CSS to override default styles. You may also edit the stylesheets directly from Appearance → Editor

Theme Credits


Logo Style

Header Background

Customize the header background image.

Header Text Style

Header text style.

Tagline Text Style

Tagline text style.

Use Custom Headline & Tagline


Body Background

Customize the background color and image.

Mobile Settings

Responsive Device Support

Enable or disable responsve layout for smartphone and tablet devices. (this option triggers layout.css and smpl-r.css)

Viewport Scaling

Enable to allow pinch/zoom accesssibility. Disable to forces content to a 1:1 viewport scale.

Mobile Menu Style

Choose a menu style for the main menu on mobile devices.

Enable Mobile Header

Mobile Logo Height

Height (in px) of Your logo.

Enable Responsive Images


Main Body Typography

Body Typography.

Page & Post Titles

Default typography.

Heading One (H1)

Heading typography.

Heading Two (H2)

Heading Two typography.

Heading Thee (H3 and Widget Titles)

Heading Three typography.

Heading Four (H4)

Heading Four typography.

Heading Five (H5)

Heading Five typography.

Blog Options

Default Layout Style

Select a default layout for your blog home page. Some layouts may display better without a sidebar present.

Hide Sidebar on Blog Home

Exclude Category ID's

Enter a comma-separated list of the Category ID's that you'd like to exclude from display in your blog. (e.g. 1,2,3,4) Tip: Use the WP Show ID's plugin to reveal category ID's

Content Output

Select the type of content output to show in your blog.

Show Post Title

Show Post Authors

Show Post Date

Show Thumbnails

Show Tags

Show Categories

Show Comment Count

Show Post Summary Footer

Show Post Pagination

Lightbox Control

Enable PrettyPhoto

PrettyPhoto Style

Select a popup style for your PrettyPhoto lightbox.

Preset Styles


After selecting a preset, you can customize its options. Click 'Save Options' to apply the new settings.

Docs & Info



Check for Updates

Impacto WordPress Theme


Theme Information:

Live Demo:


Installation & Basic Setup


Impacto may be used as a standalone theme or as a parent theme alongside of a child theme (included in your download).

If you choose to use Impacto as-is, automatic updates will be disabled. This is to ensure that you do not lose any of your customizations. If you do, however plan on making customizations to the CSS, we recommend setting up Impacto as a parent theme.

To do this, install the sample impacto-child theme included in your download package. Set the Preset Style to "Child Theme" mode and follow the instructions in the child theme style.css file. See the accompanying functions.php file for advanced layout customizations.

Formatting Tips

WordPress has its fair share of quirks. If you find that WordPress auto paragraph formatting (wpautop) is getting in the way of your markup, simply add a custom field to your Page or Post named "wpautop" with a value of "false".

Page Titles

Impacto has a Designer Page template which will hide the Page title and sidebar. If you want to just hide the title of a Page or Post, simply create a custom field named "hidetitle" and set the value to "true".


Impacto has several built in shortcodes. You can see them in action on the shortcodes demo page.


A callout is (by default) a rounded cornered styled inset box. It has two arguments:

  • align - aligns the callout left, right, or center
  • width - Only use this parameter if you must. Defined widths will not scale properly on all devices. Instead, consider embedding them in one of the column shortcodes.
[callout align="center" width="400"]
This is a 400px centered callout box

[callout align="left" width="200"]
This is a 200px left aligned callout box

[callout align="right" width="100"]
This is a 100px right aligned callout box

This is a callout that will expand the entire width of its parent container.

Fluid Columns

You've seen these before. The fractional shortcode combinations allow you to insert scalable columns into your content. The only rule here is, the last column must have a suffix of '_last'. See the example below.

// Three Columns Example
Column One - Add anything you want here

Column Two - Add anything you want here

Column Three - Add anything you want here

Available Options – Up to 6 columns

  • one_third
  • two_thirds
  • one_half
  • one_fourth
  • three_fourths
  • one_fifth
  • two_fifth
  • three_fifth
  • four_fifth
  • one_sixth
  • five_sixth

Cross-Browser CSS3 Buttons

Tested in IE7,IE8,IE9,Webkit, and Mozilla browsers. Preview all colors and sizes

[button align="center" color="white" size="small" link=""]Small Button[/button]


You can create tabs content within your content as well. Each tab needs a unique id (identifier) in order to work.

[tab title="Tab 1" id="t1"]Tab 1 content[/tab]
[tab title="Tab 2" id="t2"]Tab 2 content[/tab]
[tab title="Tab 3" id="t3"]Tab 3 content[/tab]

Accordion Toggles

See them in action here.

[toggle title="Button text One"]
Toggle Content One

[toggle title="Button Text Two"]
Toggle Content Two

[toggle title="Button Text Three"]
Toggle Content Three


Inserts a lightbox image or video link.


  • href // URL to load
  • height // numeric
  • width // numeric
  • iframe // boolean
Simple Image Example:
[lightbox href="" title="My Image"]Image[/lightbox]
Simple YouTube Example
[lightbox href="" width="640" height="480" title="YouTube"]Video[/lightbox]
YouTube (API) Example
[lightbox href="" iframe="true" width="710" height="400" title="YouTube"]YouTube API Example[/lightbox]

YouTube API

Latest Posts

Insert a list of your latest posts from specified category(s) into any page with optional thumbnail and excerpt.

[latest excerpt="true" thumbs="true" width="50" height="50" num="5" cat="8,10,11"]

Related Posts

Insert a list of related (tagged) posts.



If you ever need to clear an impacto, you can use the “clear” shortcode below.


Clear with Horizontal line:

Similar to “clear”, this does the same thing but adds a horizontal line below.


Layout Customization Hooks

You can find a list of these hookable actions and functions throughout functions.php:

  • st_above_header // Hook to add content before header
  • st_header_open // Opening header tags
  • st_header_extras // Additional content to be added to the header
  • st_logo // Override the theme logo function(s)
  • st_header_close // Closing Header tags
  • st_below_header // Hook to add content after header
  • st_navbar // Opening navigation impacto and WP3 menus
  • st_before_content // Hook to add content before content
  • st_after_content // Hook to add content after the content
  • st_before_comments // Hook to add content before comments
  • st_after_comments // Hook to add content after comments
  • st_before_footer // Hook to add content before the footer
  • st_footer // The footer (includes sidebar-footer.php)
  • st_footernav // Footer navigation menus
  • st_after_footer // Hook to add content after the footer