CubeLaunch

FAQ

What image sizes work best for the faces?

Square images generally work best, especially for cube faces. For pyramid sides, the image will be masked into a triangle. We recommend images around 512×512 pixels to 1024×1024 pixels for a good balance of quality and performance. The built-in cropper helps you get a 1:1 aspect ratio.

How do I size cubes on mobile?

We ship CSS variables so you can tune sizes without !important.

Defaults (affect embedded cubes only, not Coming Soon):

:root{
  --cl-mobile-size-default: 85vw;  /* shortcodes & blocks with no preset */
  --cl-mobile-size-small:   70vw;
  --cl-mobile-size-medium:  85vw;
  --cl-mobile-size-large:   90vw;
  --cl-rail-width:          20%;   /* left/right rails (each side) */
  --cl-rail-height:         16%;   /* top/bottom rails (each edge) */
}

Change all cubes (Appearance → Customize → Additional CSS):

:root{
  --cl-mobile-size-default: 78vw;
  --cl-mobile-size-medium:  78vw;
}

Change just one cube (add a class, then override the var):
– Block → select the block → Advanced → Additional CSS class(es): my-promo-cube
– Shortcode (paste literally):

  [cubelaunch_shape id="123" class="my-promo-cube"]

• CSS:

  @media (max-width:600px){
  .my-promo-cube{ –cl-mobile-size: 75vw; }
  }

What are “scroll rails”? Can I disable them?

On small screens we add slim, invisible strips around the canvas so vertical scrolling remains easy even when your finger starts on the cube.

• Side rails (left/right) are pseudo‑elements (CSS).
• Top/bottom rails are tiny overlay elements added by a small JS helper.

Per instance:

@media (max-width:600px){
  .my-promo-cube{
    --cl-rail-width:  0;   /* disable side rails */
    --cl-rail-height: 0;   /* disable top/bottom rails */
  }
}

Shipped opt‑out classes (add to the wrapper):
– cl-rails-off → turns off both
– cl-rails-x-off → turns off side rails only
– cl-rails-y-off → turns off top/bottom rails only

Can I place a class on a shortcode?

Yes (paste literally):

[cubelaunch_shape id="123" class="homepage-hero"]

Can developers change the defaults in PHP?

Use the cubelaunch_mobile_css filter to alter the values we inject:

add_filter( 'cubelaunch_mobile_css', function( $args ){
  $args['sizes']['default'] = '82vw';
  $args['sizes']['small']   = '68vw';
  $args['sizes']['medium']  = '82vw';
  $args['sizes']['large']   = '92vw';
  $args['rail_width']       = '18%'; // side rails
  $args['rail_height']      = '12%'; // top/bottom rails
  // $args['breakpoint']     = 640;  // optional
  // $args['enable_rails_x'] = true; // optional (side rails)
  // $args['enable_rails_y'] = true; // optional (top/bottom rails)
  return $args;
});

Can I use videos or charts on the faces?

Image textures are supported in this free version. Video textures, auto-updating stock/crypto charts on faces, clickable URLs, and texture rotation are premium features available in CubeLaunch Pro.

How do I add a subscription form to the “Coming Soon” page?

In the CubeLaunch > Coming Soon Settings, there’s a field for “Subscription Form Integration”. You can paste a shortcode from your favorite forms plugin (like Contact Form 7, Gravity Forms, WPForms) or HTML embed code from services like Mailchimp or ConvertKit.

Is the plugin responsive?

Yes. Desktop sizing uses vmin presets; on small screens we switch to CSS‑variable widths (above). You can override them per instance.

Will CubeLaunch slow down my website?

No, CubeLaunch doesn’t touch your server. Each shape is rendered in the visitor’s browser with WebGL, so the only performance factors are the viewer’s device and how big the images/videos you give it are.

What are the browser requirements?

CubeLaunch uses WebGL for rendering the 3D shapes. Most modern desktop and mobile browsers support WebGL. If WebGL is not supported or disabled, a fallback message will be displayed. The admin interface requires a modern browser (no Internet Explorer 11 support).

Where can I get support?

For support with the free version of CubeLaunch, please use the support forum on the WordPress.org plugin page.