How to Creatively Use Row Box Shadows with Divi - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

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

How to Creatively Use Row Box Shadows with Divi

Watch Wordpress Elegant Themes Video: How to Creatively Use Row Box Shadows with Divi.
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-creatively-use-row-box-shadows-with-divi

Published:
Category: Wordpress Elegant Themes
83 Views

Related Videos

  • Thinking Outside the Box with Divi Box Shadows

    Thinking Outside the Box with Divi Box Shadows

    by Best Webhosting Added 84 Views / 0 Likes

    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 s

  • How to Add One Sided Box Shadows to Design Elements in Divi

    How to Add One Sided Box Shadows to Design Elements in Divi

    by Best Webhosting Added 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

    Adding Transformed Shadows to Your Copy with Divi

    by Best Webhosting Added 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

    How to Create Moving Image Shadows on Scroll in Divi

    by Best Webhosting Added 38 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

    Using Hover Text Shadows to Create Interactive Content with Divi

    by Best Webhosting Added 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

  • How to Creatively Use Symbols in Your Web Design with Divi

    How to Creatively Use Symbols in Your Web Design with Divi

    by Best Webhosting Added 83 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 creatively use symbols in your web design with Divi. For this tutorial, we’ll use the Life Coach Layout Pack but what I’m showing you in this post can be

  • How to Creatively Use Divi’s New Row Alignment Options

    How to Creatively Use Divi’s New Row Alignment Options

    by Best Webhosting Added 91 Views / 0 Likes

    In today’s Divi tutorial, we’re going to show you how you can use the new row alignment options in Divi to your advantage. We’ll be combining the row alignment options with other built-in design options to give you an idea of what is possible with Divi’s Advanced Design Options. The example that we’ll show you how to recreate contains absolutely no additional code, which means anyone of any skill level can achieve this design. Read more: https://www.e

  • How to Creatively Highlight Your Membership Deals with Divi

    How to Creatively Highlight Your Membership Deals with Divi

    by Best Webhosting Added 83 Views / 0 Likes

    If you’re offering membership deals on your website, it’s important to make sure people will notice them on your website. To give you a headstart, we’re going to provide you with a stunning membership showcase that you can recreate step by step using Divi’s built-in options only. We’re combining a beautiful section background with Blurb Modules that showcase membership deals and a separate button that takes your visitors to the right page. Read the po

  • How to Creatively Use Device Screen Mockups within Divi Layouts

    How to Creatively Use Device Screen Mockups within Divi Layouts

    by Best Webhosting Added 89 Views / 0 Likes

    Using mockups is one of the easiest ways bring the needed professionality to your website. There are plenty of sites out there that offer free mockups that you can adjust to your need; we've created a list of some of the best ones out there in this post. And to help you get started with mockups, we're going to show you how you can make use of a screen mockup, a laptop screen in particular, to make your website shine along with some of Divi's best buil

  • Popular How to Creatively Combine Row & Column Backgrounds with Divi’s New Options

    How to Creatively Combine Row & Column Backgrounds with Divi’s New Options

    by Best Webhosting Added 101 Views / 0 Likes

    In this Divi tutorial, we’re going to show you how you can combine row and column background options to create stunning results. By choosing the right combinations and settings, you can achieve designs that enhance the overall look and feel of your website. To demonstrate what we’re talking about, we’ve made an example that we’ll help you build step by step. We’ve created this result by using the Divi built-in options only so you won’t need to add any

  • Popular 3 Ways You Can Use Divi’s Hover Options to Creatively Emphasize CTAs

    3 Ways You Can Use Divi’s Hover Options to Creatively Emphasize CTAs

    by Best Webhosting Added 104 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 creatively use Divi’s hover options to emphasize CTAs throughout your pages. We’re using Divi’s Laundry Service Layout Pack and we’ll handle three differe

  • How to Creatively Use Divi’s Toggle Module to Showcase Pricing Plans

    How to Creatively Use Divi’s Toggle Module to Showcase Pricing Plans

    by Best Webhosting Added 89 Views / 0 Likes

    When it comes to showcasing pricing plans on your website, you can take many turns and create absolutely stunning and attractive pricing pages or sections. When building a website with Divi, you’ll most likely go for the Pricing Tables Module. This module allows you to quickly add pricing tables and style them however you want to. But if you want to add more interaction to this particular section of your page, you can also use the Toggle Module to sho

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS