BEGINNER

7
/ monthly
  • 10 GB SSD Storage
  • 100 GB bandwidth
  • 100 Email Adresses
  • 5 Sub Domains
  • 5 Databases

ADVANCED

12
/ monthly
  • 20 GB SSD Storage
  • 200 GB bandwidth
  • 200 Email Adresses
  • 10 Sub Domains
  • 10 Databases
  • Control Panel
Popular

PROFESSIONAL

30
/ monthly
  • 50 GB SSD Storage
  • Unlim. bandwidth
  • Unlim. bandwidth Email Adresses
  • Unlim. bandwidth Sub Domains
  • Unlim. bandwidth Databases
  • Unlim. FTP Accounts
  • Enhanced Security
  • Unlimited Support

Instructions

  1. Add a row container
  2. Place some the price table widgets in side the row container and style them to your liking.
  3. Select each price table widget, go to Advanced tab > Layout > Size > Grow. Your price tables should have equal widths now.
  4. Last step: Select the container, go to Advanced tab > Custom CSS and paste the CSS below.

    DONE!

				
					
selector .elementor-price-table {
    display: flex;
    flex-direction: column;
    height: 100%;
}

selector  .elementor-price-table__footer {
    margin-top: auto;
}


selector:has(.elementor-widget-price-table:hover) .elementor-widget-price-table {
  transform: scale(0.9);
  filter: blur(2px);
  transition: 0.5s;
}

selector:has(.elementor-widget-price-table:hover) .elementor-widget-price-table:hover {
  transform: scale(1.1);
  filter: blur(0);
  transition: 0.5s;
}