Archives

Build Your Own Plugin: A Simple Plugin to Easily Embed A Divi Section Or Module Within Another | Divi Notes

Nov 13, 2019 | Training & Learning | 0 comments

BUILD YOUR OWN PLUGIN: A SIMPLE PLUGIN TO EASILY EMBED A DIVI SECTION OR MODULE WITHIN ANOTHER

Posted by Rob Hobson | Nov 19, 2017 | Development, Plugins | 15 |

If you’ve ever had to add code to your child theme’s functions.php file, or you just want to try your hand at creating a simple plugin, this tutorial is for you. In this tutorial, we’re going to create a very simple WordPress plugin that you can use to add Divi Sections or Modules almost anywhere on your site. Okay, this plugin is very simple but perfect for someone who’s just starting off and wants to learn the basics without getting too caught up in the complexities of a sophisticated plugin. This was my first attempt at creating a plugin and, to be honest, it was quite cool to use a plugin I had created myself, even if it wasn’t rocket science building it.

Although, in principle, this tutorial will demonstrate the fundamentals of creating a WordPress plugin, please note that the functionality of this plugin does require that you already have the Divi theme by Elegant Themes.

Source: Build Your Own Plugin: A Simple Plugin to Easily Embed A Divi Section Or Module Within Another | Divi Notes

CodePen: Build, Test, and Discover Front-end Code.

Nov 13, 2019 | Training & Learning | 0 comments

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Source: CodePen: Build, Test, and Discover Front-end Code.

Positioning Slide Text on a Full-Width Divi Slider | Divi Booster

Nov 7, 2019 | Training & Learning, Website Work Items | 0 comments

Note: I’m still developing this tip, so it hasn’t been tested extensively and isn’t yet available as an option in Divi Booster.

Here’s a quick tip for positioning the slide text on individual slides with the Divi Theme‘s full width slider.

Suppose you start with a full-width slider with a background image and some text, similar to that shown in the featured image above. Divi has an option in the slide settings to toggle the vertical alignment between centered and bottom-aligned. However, if you want more control over the text position, you will need to resort to CSS.

For example to align the slider text to the top right corner of the slide, we can add the following into the slide’s custom CSS field for the slide description:

Here’s the copy-and-pasteable version:

text-align: right; padding-top: 5% !important; padding-bottom: 27% !important;

You can start editing here.

.et_post_meta_wrapper

Source: Positioning Slide Text on a Full-Width Divi Slider | Divi Booster

How To Make Accordion Module Tabs Closable And Change Icon On WordPress Using The Divi Theme – Success with WordPress 101

Nov 6, 2019 | Training & Learning | 0 comments

By default, the tabs of the Accordion Module in Divi cannot be closed. The opened tab can only be closed when clicking on another accordion tab. Today, we will be focusing on how to close an open accordion tab without having to press another, and also to have a “close” icon that you can click!

This tutorial will only require you to copy and paste a simple jQuery/Javascript code and a CSS Code. Don’t you worry if you’re not familiar with this, with this tutorial I’ve made, it’s pretty simple to follow.

Source: How To Make Accordion Module Tabs Closable And Change Icon On WordPress Using The Divi Theme – Success with WordPress 101

CSS « WordPress Codex