How to Design Reflections for Images and Text in Divi - Best Webhosting

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

Watch Wordpress Elegant Themes Video: How to Design Reflections for Images and Text in Divi.
Designing reflections for images and text is a classic design technique that can be used to spice up the content of a web page. And, Divi makes it easy to create these reflections right from the Divi Builder without having to use a photo editor.

In this tutorial, I’m going to show you how to design reflections for images and text in Divi. The key to making reflections is to use Divi’s transform scale option to create a mirrored version of the element.

After that, you can add a custom overlay which I’ll show you how to do with a text module.

Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-design-reflections-for-images-and-text-in-divi

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

79 Views

Related Videos

How to Wrap Text Around Images in Divi (3 ways)

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

Wrapping text around images is a common design technique most commonly found in print media like magazines and newspapers. But you can also find this being used on the web, especially for blog posts. Wrapping text around an image is actually a pretty standard part of WordPress involving a simple alignment adjustment on the WYSIWYG editor. The only problem is that it is difficult to customize the style of your page using the default WordPress editor. T
How to Fill Text with Images for Creative Backgrounds using Divi

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

In this tutorial, I’m going to show you how to use the screen blend mode to add colorful image-filled text backgrounds using Divi. I’ll also show you how to add dividers that match the design of your background text and sections that transition smoothly between dividers. Read the full tutorial here: https://www.elegantthemes.com/blog/divi-resources/how-to-fill-text-with-images-for-creative-backgrounds-using-divi
How to Create Text & Images that Change on Scroll in Divi

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

Divi scroll effects are great for creating interesting layouts. We’ve published quite a few since the feature was launched. In this tutorial, we’ll show you how to create a layout with text and images that change on scroll. This design can be used for a services page or any type of page you require. We kept it clean and simple for the scroll effect to take the spotlight. Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-text-i
How to Create Knockout Text Images for Stunning Divi Headers

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

Knockout text images can open up a lot of opportunities for designing unique headers in Divi. Creating a knockout text effect can easily be done using a photo editor like Photoshop using the built-in knockout blending option. Basically, this allows you to create images with transparent text (appearing to be knocked out of the image). And knockout text images are really fun to use in Divi. Because the image text is transparent, you can add any kind of
How to Blend Images to Create a Custom Background Design in Divi

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

Blending multiple images can be helpful for creating professional background designs for your website. The idea is to take two or three separate images and layer them on top of each other. Then use a blend mode to mix the layers together to create a unified harmonious design. Every Divi builder element has built-in blend mode and filter options to make blending elements easy to do right there in the Divi builder. Of course, you could blend images in p
How to Use Text as an Abstract Design Element in Divi

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

Using text as an abstract design element can be a great way to give a unique look to your site without having to create custom graphics or images. You can use the text for strictly abstract aesthetic appeal or you can have them serve as a creative and subtle message to your viewers. Today, I’m going to show you how you can use Divi’s text module to add any text content you want as an abstract design element on your website. I’m going to include a coup
How to Add a Circle Text Path SVG Animation to Your Divi Design

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

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-add-a-circle-text-path-svg-animation-to-your-divi-design Keeping up with trends in the web design space is one of the best ways to stay up-to-date as a web designer. It allows you to create modern-day websites that’ll impress your clients and help bring your skillset to the next level. In today’s tutorial, we’ll show you how to get familiar with a trend you often see nowadays in adva
Popular
Royalty Free Images, Copyright and Stock Images for Graphic Design

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

How To Get Royalty Free Images, Copyright Free Images, Stock Images and Templates. I use GraphicStock to avoid this: http://bit.ly/graphicstockRB GraphicStock is sponsoring this video and helping me show you how you can use royalty free images without a hassle. I've been using them for a long time now as a paid user and that is how I've been doing my YouTube thumbnails and Graphic Design work without having to worry about limited license or copyright
How to add Animation Effects in Website - Text and Images

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

If you want to know how to add animation to your website then this video is for you. In this video you will learn how to animate a Website with animation effects. I am using Animate.css and jQuery for easy Web Animation for my website. In this video i have used animate.css and wow.js files to explain. #addanimation #animation #website _________________________________________ Responsive Website Template Design in Bootstrap with easy steps. (Hindi/Urdu
How to Edit Text & Images in Your GoDaddy Website Sections

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

So, you know how sections provide the bones or structure for each page of your website. Now let's talk about the of your website, your content. In this video, we'll show you how to customize the appearance and content in a section or section group. We'll also show you how to re-order or delete section groups. Check out more helpful content ➜ https://bit.ly/GDBuildYourOwnWebsite 0:00 Editing content in a section or section group 1:00 Editing text in a
Shopify. How To Add Text, Images Or Video To The Homepage Front Page

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

This tutorial shows how to add text, images or video to the homepage front page in Shopify template. Shopify Subscription https://www.templatemonster.com/blog/save-99-shopify-themes-subscription/ The most helpful resources for Shopify developers and users. Read more: https://www.templatemonster.com/blog/shopify-toolbox-essentials-developers-end-users/ Premium Shopify Templates http://www.templatemonster.com/shopify-themes.php?utm_source=youtube&utm_me
Lesson 6: Write Alt Text for Images | Build Your Accessible Website

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

In this lesson, you'll learn how to add alt text to your site’s images on Wix. We'll cover the differences between the various kinds of alt text and the best way to write for each one. Timestamps: 00:00 Intro 00:36 Add basic alt text 01:58 Text in images 02:24 Alt text for decorative images 03:05 Write informative alt text 04:03 Functional alt text 05:18 Alt text for complex images 07:14 A few more dos and don’ts There’s more where this came from. Wat