1LD Tutorials & Blogs


The original Optic Stats Stack has been replaced by the Optic Stats 2 Stack. If you currently own Optic Stats you can upgrade by using the Purchase Order Lookup Form. The download link for Optic Stats will download Optic Stats 2.


Settings Panel

Starting #: The number that the Stack will start counting from (when the ‘Count Numbers’ animation has been enabled).

Goal #: The number used to determine 100% Fill. Note: Setting this value to ‘0’ will cause the ‘Count Numbers’ animation to count down instead of up. 

Current #: The number used in conjunction with the Goal # to determine the current Fill percentage. This value will be displayed after the ‘Count Numbers’ animation has been completed.

Link to Live Data Stack:  Requires the Live Data Stack, will allow you to import a Current # value from a Google Spreadsheet.

Display Decimal Value: Optionally add a decimal value to the Current #. Decimal numbers will animate if the ‘Count Numbers’ animation has been enabled.

Group Numbers: Adds a separator in-between groups of 3 numbers. (IE 1,000,000 or 100.000.000)

Separators: Change the format of the decimal and number grouping separators.

Units: This is what will display directly to the right of the Current #.

Prefix Units: This will move the Units to the left of the Current #.

Font Size: Adjust the size of the Number and Units.

Font Family: Font the Number and units will use. The default value ‘inherit’ will use whatever font your Theme is currently using. See this page for a list of usable fonts. You can also add a custom name of a font that you have imported.

Color: Adjust the color of the Number and Units.

Title: This is a title that will display below the number and units.

Offset: Increasing this value will add space in-between the Number and Title.

Font Size: Adjust the size of the Title.

Font Family: Font the Title will use. The default value ‘inherit’ will use whatever font your Theme is currently using. See this page for a list of usable fonts. You can also add a custom name of a font that you have imported.

Color: Adjust the color of the Title.

Icon: Optionally add an icon to display next to the Current #. You can either use Font Awesome (must add the Font Awesome Stack to the editor) or use a custom square image.

fa-: Add the name of the Font-Awesome icon you want to use here. For a complete list of usable icons and their titles check out this link here: http://fontawesome.io/icons/

Color: Adjust the color of the Icon.

Font Size: Adjust the size of the Icon.

Position: Change the position of where the Icon is displayed.

Type: Choose from 7 display type options. Each has a unique design and animation.

Align: Change the alignment of the entire Optic Stats Stack.

Width: Define the width (will also define the height if the height option is not present) of the Optic Stats Stack. Note: This stack is responsive, so in the event you define a dimension that is larger than the stack’s container it will shrink to fit the container.

Height: Define the height of the Optic Stats Stack. This option is only available when the Type has been set to ‘Horizontal Line’ or ‘Vertical Line’.

Bar Fill Thickness: This sets how wide the Bar or border displays.

Colors (Bar): This controls color of the progress bar container.

Colors (Fill): This controls the color of the progress bar.

Colors (BG): This controls the color of the circle’s background.

Background Image: Optionally add a background image. Note: The image will not be visible if the BG Color is not transparent.

Remove Background Color: If you do not want to use a transparent color, you can enable this option to remove the background color all together and display the image only.

Count Numbers: Enables the number counting animation.

Transition Speed: This sets how long (in milliseconds) the progress bar filling and number counting animations will take to complete once the Stack is visible on screen.

Color Animation: Optionally add a color animation to the Fill.

RapidWeaver Stack Tutorials

RapidWeaver Theme Tutorials

RapidWeaver Project Documentation

Tutorials and documentation for all 1LD Project files can be found at the link below.

See Documentation

Get the power of a framework, for the price of a theme, in the convenience of a prebuilt RapidWeaver project file


Super Forms 2 – 1.2.0 Update

Through customer feedback, we were able to add some new features and fix a few bugs with our Super Forms 2 stack. Check out the list of changes below. This update is free for those who own the Super Forms 2 stack. 

Super Forms 2 (Version 1.2.0)

  • NEW: You can now customize each field’s Required/Invalid input message
  • NEW: Customize checkbox true and false values (“Yes” and “No”)
  • NEW: Customize file upload error messages
  • NEW: reCAPTCHA now has an option to support non SSL (http) websites
  • NEW: Support for v2 invisible reCAPTCHA
  • NEW: Support for v3 reCAPTCHA
  • NEW: Set a specific locale/language for reCAPTCHA
  • NEW: Allow the form to submit to Google Sheets and an email address at the same time
  • NEW: Optionally customize the name of each field for Google Spreadsheets and the titles as shown in the sent message
  • Improved: Prevents notices for empty form fields from displaying in PHP logs
  • Improved: Date timezone defaults to UTC in case the server does not have a default defined timezone
  • Fixed: Bug that could stop attachments from being sent properly
  • Fixed: File upload field was rejecting files if the extensions had capital letters
  • Fixed: Bug that could cause attachments to arrive with 0kb file sizes
  • Fixed: Multi select now properly concats selected options
  • Fixed: Checkbox display bug in iOS Safari
  • Other minor bug fixes 

Check it out!

Latest News


Join our newsletter to get notified of new releases, updates, and discounts.


Popular Links

Free Stacks & Themes
See Order History
Product Tutorials

© 2011 One Little Designer, 1 Little Designer (1LD)

RapidWeaver is a trademark of Realmac Software