Enlarging images only when you hover your mouse over them draws attention to the widget. In Smartpages, you can add the effect to your landing page with a custom CSS code.

Add a custom CSS code

  1. Log in to your Smartpages account and go to the editor of your landing page.
  2. Click on a widget and add a class – enlarge-on-hover, in the right-side toolbar.
  1. Go to the Page Settings and click on Custom CSS. If you are not sure how to add custom CSS, you can find more information here.
  2. Paste the following CSS code into the Add custom styles field:
  1. Save and close. Publish your landing page and check if the enlarge-on-hover effect works correctly

Was this article helpful to you?


Comments are closed.