Thinking Outside the Box with Divi Box Shadows - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress Elegant Themes Video: Thinking Outside the Box with Divi Box Shadows.
There are two ways to approach Divi’s built-in settings. The first, and most obvious approach is using the settings within their range while focusing on that particular element on your page.

The second approach allows you to look beyond the obvious and use settings in a way you wouldn’t have thought of before. One of those settings involves box shadows.

Normally, they’re used to create a certain depth for your elements. Whether you’re adding it to a section, row or module, their most obvious intent is to highlight.

But you can also use box shadows for overall design purposes on your website. They can replace background textures and add asymmetry to your website. In this tutorial, we’re going to show you how to think outside the box with box shadows using Divi’s Business Consultant Layout Pack landing page.

After you’ve understood the way it works, you can apply this tactic to any page you’re creating which will make your website look a bit more unique and thought-through.

Read the article here: https://www.elegantthemes.com/blog/divi-resources/thinking-outside-the-box-with-divi-box-shadows

Published: Tuesday, August 20, 2019 10:20 AM
Category: Wordpress Elegant Themes

84 Views

Related Videos

How to Creatively Use Row Box Shadows with Divi

by Best Webhosting Added 4 years ago 84 Views / 0 Likes

One of the most recent Divi updates was long-awaited; the integration of box shadows into sections, rows and modules. In this post, we’ll be focusing on how row box shadows can improve the overall look and feel of your website. To illustrate the depth box shadows can bring to your website, we’ve created an example that we’ll show you how to recreate step by step. Read the article here: https://www.elegantthemes.com/blog/divi-resources/how-to-creativel
How to Add One Sided Box Shadows to Design Elements in Divi

by Best Webhosting Added 4 years ago 77 Views / 0 Likes

Adding one-sided box shadows to various design elements in Divi is a subtle way to add a creative flourish without distracting from the content. In this tutorial, I’m going to show you how to add one-sided box shadows to Divi’s Therapy FAQ Page Layout. As a bonus tip, I’ll also show you how to combine blurb icons as a vertically centered graphic. By learning these Divi design techniques, you can add one-sided box shadows to any modules or columns you
Adding Transformed Shadows to Your Copy with Divi

by Best Webhosting Added 4 years ago 88 Views / 0 Likes

With Divi's new transform options, you can create beautiful web design while viewing all transform settings happen in real-time. And by combining different modules with each other, you can achieve some unique and seamless effects that'll help elevate the look and feel of the section you're working on. In this particular post, we'll focus on creating transformed shadows for your copy using Divi's built-in options only. You'll be able to download the ex
How to Create Moving Image Shadows on Scroll in Divi

by Best Webhosting Added 3 years ago 39 Views / 0 Likes

Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-moving-image-shadows-on-scroll-in-divi In this tutorial, we are going to show you how to create moving image shadows on scroll in Divi. The trick is to find a PNG image with a unique shape so that, once the image is transformed, it will keep the shape and look like a realistic shadow of the image. After the image/shadow is ready, we can add a few scroll effects to mov
Popular
Using Hover Text Shadows to Create Interactive Content with Divi

by Best Webhosting Added 4 years ago 106 Views / 0 Likes

Making your website stand out from similar websites can be hard but once you manage to do it, it’s almost always worth the effort and thought that has been put into it. To help you get inspired, we’re going to show you how to create interactive content when building websites with Divi. The example that we’ll recreate in this tutorial will work particularly well for any about page you’re working on. You’ll be able to share facts or company information
Thinking of Starting a WordPress Web Design Business 7 Things You Must Do

by Best Webhosting Added 4 years ago 99 Views / 0 Likes

Are you looking to start your own WordPress web design business? We often get asked for advice for starting a business. In this video, we will show you 7 things you must do to start a web design business. If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Text version of this tutorial: http://www.wpbeginner.com/opinion/thinking-of-starting-a-wordpress-web-design-business-here-7-things-you-must-
The Secret To A Successful eCommerce Website: Design Thinking

by Best Webhosting Added 1 year ago 22 Views / 0 Likes

Alvin Hermanto shares 6 steps of design thinking and how it can help small businesses get higher returns from their eCommerce website. Watch more Small Business News & Trends videos: https://bit.ly/biznewsandtrends Subscribe to GoDaddy on YouTube: http://bit.ly/GoDaddy-Subscribe 0:00 Who is Alvin Hermanto? 0:25 What is design thinking? 0:40 Understanding your customers’ needs 0:54 Defining your goals 1:10 Ideate your vision 1:22 Deciding on a solution
How to Use Box Shadows as Swipe Backgrounds on Hover

by Best Webhosting Added 4 years ago 86 Views / 0 Likes

Every week, we provide you with new and free Divi layout packs which you can use for your next project. For one of the layout packs, we also share a use case that’ll help you take your website to the next level. This week, as part of our ongoing Divi design initiative, we’re going to show you how to use box shadows as swipe backgrounds on hover. We’ll handle three different examples that look stunning on the Personal Stylist Layout Pack‘ homepage but
Popular
Divi Responsive Settings, Divi Layout Pack, Divi Global Items & 7 More Awesome Divi Features

by Best Webhosting Added 4 years ago 127 Views / 0 Likes

Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Divi Responsive Settings, Divi Layout Pack, Divi Global Items & 7 More Awesome Divi Features https://youtu.be/5vssWZeSI6g Divi responsive settings, Divi layout pack and Divi global items are just 3 of the many great Divi features I'm going to demo for you in this tutorial. The Divi theme is my go-to theme at the moment because of its' capabilities. There are other great the
Community Update: Divi 3.0 Beta, Powered by Divi T-Shirts, & Upcoming WordCamps–Divi Nation Short

by Best Webhosting Added 4 years ago 98 Views / 0 Likes

In today's Divi Nation episode I thought I'd take the opportunity to simply speak directly to the community and update you on what's going on behind the scenes here and what's coming up in the near future. That means Divi 3.0 beta, Divi t-shirts, and Divi meetups all get an update. View On Our Blog: http://www.elegantthemes.com/blog/divi-resources/community-update-divi-3-0-beta-powered-by-divi-t-shirts-upcoming-wordcamps-divi-nation-short Subscribe to
Divi 3.0 Developer Fikri Rasyid Shares His Enthusiasm for Divi -- Divi Nation Podcast, Episode 28

by Best Webhosting Added 4 years ago 97 Views / 0 Likes

In this episode of Divi Nation Fikri Rasyid shares his WordPress story, including how he came to work for Elegant Themes, and most of all his excitement for what the team is doing on the soon to be released Divi 3.0. View On Our Blog: http://www.elegantthemes.com/blog/divi-resources/divi-3-0-developer-fikri-rasyid-shares-his-story-and-enthusiasm-for-divi-the-divi-nation-podcast-episode-28 Subscribe to our YouTube Channel: https://goo.gl/oxCa4h Subscri
Divi Feature Update LIVE | Amazing Divi Layouts Now Available Right Inside The Divi Builder

by Best Webhosting Added 4 years ago 89 Views / 0 Likes

The demonstration starts at 6:15 Today we are bringing some absolutely incredible value to Divi in the form of over 140 beautifully designed premade layouts that you can browse through and import onto your page without ever leaving the Divi Builder. These layouts are organized into complete website packs that you can use to quickly jump-start your next website, and they are filled with wonderful original photography and illustrations that you are free