Completely Free Course

Or log in with email below...

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free

or

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Already Registered? Log In Here

Day 3: Improve Your Design

How To Add Borders And Box Shadows In Elementor

Action Plan

Step 1: Add Borders And Box Shadows To Columns And Widgets


Complete The Following Tasks

Learn how to add borders to widgets and columns.
When editing a widget or column, go to Style > Border and adjust the settings.
Sometimes the border options are located in the Advanced tab rather than the Style tab.
Select your Border Type and choose a width for the top, right, bottom, and left.
Try adding a border that only appears on mouse-over by adjusting the Hover tab options.
Learn how to add box shadows to widgets and columns.
When editing a widget or column, go to Style > Border > Box Shadow and adjust the settings.
Sometimes the box shadow options are located in the Advanced tab rather than the Style tab.
Play around with the Vertical, Horizontal, and Blur settings.
Adjust the color transparency.
You'll want to use more transparency (lighter color) on light backgrounds and less transparency (darker color) on darker backgrounds.
Try adding a box shadow that only appears on mouse-over by adjusting the Hover tab options.
You Earned A Badge!

Watch Our Video Tutorial

Continue To The Next Tutorial Below

Day 3

Improve Your Design

Your Progress
0

How Can This Be Free?

All of our tutorials are supported by the small affiliate commission we receive when you purchase SiteGround Hosting and Elementor Pro. We are not associated with SiteGround or Elementor in any way.