Create an account

Support & Documentation

If you have questions or need help to setup any of our products please start a support ticket on our support page. All our products come with an active subscription plan that includes our support.

JP Squares - Configure additional settings

Article Index

  • You can find the different settings for JP Squares as follows

  • Target Div ID - You can add one or more div ids seperated by comma(,) in which the gradient animated effect to be applied in your site.

  • Background Color - Select the background color of the JP Sqaures layout section from color palette.

  • Square Size - Describes the square size in px.
  • Squares Count - Describe the number of squares to be used in the effect.
  • Squares Opacity - Describes the transparency-level of the square where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent.
  • Animation Delay - Describes the time in seconds, in which the square animation starts.
  • Animation Duration - Describes the duration time in seconds.

  • Color # - Select the different colors from the color palette for the squares.

  • Opacity for Full Effect - Opacity for overlay effect where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent..

  • Once finished all the settings for the plugin , Click "Save & Close".
Add squares animation effect to template

 We are a recommended expert in building extensions & websites with/for YOOtheme  

Joomla Extensions is not affiliated with or endorsed by the Joomla Project or Open Source Matters. The Joomla name and logo are used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

© Copyright 2011-2021 - - All Rights Reserved | is part of, and