Avoid Excessive Use Of “position: absolute”

TODO:

Hey Sammie,

I looked at the template and I see a couple of things that are challenging. There is certainly something in the code (CSS probably) that it causes the builder not to render blocks correctly. So far what I have found is that the LHander makes a lot of user of “position: absolute;” which detach elements from the DOM, meaning, they height doe not count when the builder is trying to find out how tall is the block that contains those element.
Using “position: absolute” ins not necessarily wrong, but it is clear a shortcut that can be used to position elements where we want. Since the theme that you are trying to convert makes excessive use of the absolute rule, it makes sense to avoid importing the whole CSS (in this case main.css), and bring the CSS per block and correct the absolute rule.
That being said, this is a beautiful template that should be converted, but the conversion will not be straight forward.
If you want to continue, I can help you, but it might be faster to choose a different template.
What do you think?
–Raul

Binders: collection

TODO:

 

/**
 * NOT IMPLEMENTED YET
 * @example
 * 
 * # EXAMPLE
 * 
 * {collection list="red, green, blue" assign_to="colors"}
 * // OR
 * {collection item="red" assign_to="colors"}
 * {collection item="green" assign_to="colors"}
 * {collection item="blue" assign_to="colors"}
 * 
 * <ul>
 * {foreach $colors as $color}
 * 	<li>{$color}</li>
 * {/foreach}
 * <ul>
 * 
 * // OR
 * 
 * {unset var="colors"}
 * 
 *
 */

 

Binders: ga

TODO:

 

/**
 * Outputs the Googlg Analitics script TAG. This binder also verifies the referral IP
 * address against a black list og analytics spammers. 
 * 
 * @param {string} $ua Google Analytics account number
 * @param {string} $exclude IPs to exclude separated by comma
 * 
 * @example
 * 
 * {{ga ua="UA-61505055-1"}}
 * 
 */

 

Binders: resources

When building a project you have the option to upload static files to your project. This is very handy if want to use certain images, fonts, or files that you want to keep outside of WordPress, and are mainly needed for the design of your project.

If you wonder where your files go after uploading your resources, the answer is simple: they for to the resources folder in your website.

resources-panel

 

Your files will be physically placed inside a resources folder inside active WordPress theme. For example, let’s say that your profile picture (profile.jpg), is located inside a “images” folder. To insert your profile photo in a page you should do:

<img src=”http://mysite-myusername.simplifysites.com/wp/wp-content/themes/appcropolis/resources/images/profile.jpg”/>

The {{resources}} binder serves as a shortcut to access files inside the resources folder. For the above example you could do:

<img src=”{{resources}}/images/profile.jpg”/>