For this example we already have some containers added to the page. Using the structure tab, select your container that you would like to add the effect for. (For more information on adding and designing containers, check out our other videos on the Help Hub.)
Once your container is selected, in your content menu on the right of your screen you can select the design option.
Once in the content menu under the design option, scroll down to the bottom of the menu to where it says "Hover".
Here you can choose to change the background color that shows when hovering over your container. You can choose a color from your color palette, miscellaneous color palette, or choose a specific color from the "More Colors" option.
You also have the option to adjust the transition time of the hover color. Shorter transition time will mean that the color changes faster, while longer transition time means that the transition takes longer.
Once you have your settings the way you like them, make sure to save your changes and you will have a container that changes color when you move your mouse over it! This makes for a great effect.