Hide

November 28, 2014

Install the stack then drag it onto the page and put anything that you want to hide or show inside it   Setting up Step1:  Set the the amount of the breakpoint (note: the amount is the the size of the screen or browser) Step2: Click on the “Display Off ” option if you want your content to hide.   (note: if you want the content to disappear on both break points then select it for both or if you want it to show at a certain point then don’t click it. ) Additional information: -Once the size of the screen reaches […]

Read more

Responsive Grids

November 20, 2014

Getting Started Step 0: Download and install stack.  Step 1: Drag the stack onto the page . After dragging the stack onto the page, select the amount of columns that you want displayed. The selector for that can be found in the stack options under (Column Selection). Step 2: Input the content that you want into the stack.   Grid Activation The grid is an option that will reduce the amount of times that you have to drag Responsive Grids onto a page. Step 1: Turn on the grid option to activate it. “note:anything in the stack prior will be disappear“ […]

Read more

Affero 2

November 7, 2014

How To Set Up the Slider Step 1: Navigate to your Page Inspector > Styles Menu and enable the Slider by selecting ‘Slider’ under the Banner Setting option.   ->  ->  Step 2: View your project in Edit mode by clicking the edit button. Step 3: Import or drag and drop an image into your editor. Step 4: Double click the image and in the popup menu change the Filename to something that includes the word ‘slide’.   Step 5: Repeat steps 3 and 4 until you have as many images you want to use in the slider. Affero’s Slider will […]

Read more

Font Awesome Pro

October 13, 2014

Font Awesome Pro The pro version allows customization of the Font Awesome icons. You still need the free version to activate Font Awesome (if your theme doesn’t have it running already). After Font Awesome is activated/imported Font Awesome Pro’s customization options will work. Note, occasionally fonts may not appear in Edit Mode and often saving the page will cause a reload and then display the icons correctly. Category: Allows you to select from Font Awesome’s icon categories that they have on their website. Depending on the category you select will depend on what icons appear available in the next drop-down […]

Read more

Parallax Switch

September 18, 2014

Setup Step 1: In Parallax Switch’s “General Controls” section select a the number of items you would like to switch between using the “# of Items” option. Typically you will want to select 2 or 3 items, anything higher is for the “Play Items as Frames” Option (this is described under the “Auto Play” heading below). Step 2: Select a “Position” option. Step 2a Relative: “Relative” will place the Stack’s content where ever you have placed it, just as you would expect with any other stack you place into your editor. Step 2b Fixed: “Fixed” means that the stack will […]

Read more

Facebook Likebox

July 30, 2014

Linking a Facebook Step 1: Get the Id of the facebook that you want to share. “It’s the highlighted portion of the picture” Step 2: Copy and past it into the Facebook Id section of the stack. “The id that we need is the end of the link not the actual facebook id” note: ” If it doesn’t appear in preview, then publish it and test it. “ Not Loading in Preview Mode If you load Facebook Likebox in preview mode it will appear empty and if previewed in a browser it will appear like the following picture. The solution is […]

Read more

Simple Position Pro

July 23, 2014

Definition of Terms Position: Relative, Absolute, Fixed, Static, Inherit. Absolutely positioned elements will display as they relate to Relatively positioned elements. Fixed elements will display outside of all elements. Vertical Position: Top, Bottom. Places the object in the vertical starting point – the distance is then controlled with the values below. Horizontal Position: Left, Right. Places the object in the horizontal starting point – the distance is then controlled with the values below. Vertical in %. This switches the position controls below into percentage instead of pixels (only available in Pro version). Horizontal in %. This switches the position controls below into percentage instead […]

Read more

Simple Text Pro

July 17, 2014

Definition of Terms (Pro Version) This section will not cover all the options (that is covered below), but just the added options for Font Awesome Pro. General Options Inherit Font : This is turned on by default and simply inherits whatever font is already set for your page by the theme you’re using. Unchecking will bring up the next option. Font Family : This section is only visible when Inherit Font is turned off. This section lets you select from the basic web safe fonts, but the last option on it allows for the importing of custom fonts and reveals […]

Read more

Simple Headers Pro

July 10, 2014

NOTE, FitText will only work in responsive themes Definition of Terms Header: h1, h2, h3, h4, h5, h6. Header tags are HTML tags that help users and search engines read the flow of content on a page. They are valuable for Search Engine Optimization (SEO) purposes, though can hurt a page if misused. To use correctly consider a table of contents – h1 would be the title of book, h2 would be all the chapters, h3 would be topics within chapters, h4 sub-topics, and so on. Custom Class. This is a blank field by default and adding any text to it will […]

Read more

Retina Ready

June 26, 2014

Create 2 images with one twice the size (or larger if preferred) in the Resources section to the left. The larger one should have a name ending in the suffix along with the file type extension. Example: image1.png and image1_2x.png For organization you can create a folder in the Resources section (right click Resources) in which case the folder name would come before the image name followed by a forward slash and then the image name. Example: folder/image1.png Retina Ready will not load the larger image unless the device calls for it. This will save on load time and provide […]

Read more