I often want to add the current date to the footer in Divi for the copyright statement. I don’t want to have to go back through hundreds of websites every year to update the year. The problem is that the Divi footer doesn’t allow for shortcodes and there is no filter you can hook into
Sometimes we want to use the Gutenberg editor for some of the simpler pages on a Divi site. I know, there are better ways, like using GeneratePress or Astra with Elementor or Beaver Builder. Those are my usual combinations when I know I’ll be building out a bunch of Gutenberg pages. But sometimes, you just
Your web design layout will often call for full width rows. By default, Divi rows are set to a maximum width, usually 1080px. There are two main ways to get that full width look: Set the background color on the section, instead of the row Change the width and max-width of the row You’d go
For accessibility reasons, I needed to change the heading levels in the WordPress Divi footer widget titles on one of the sites I’m building. They are set to <h4> by default, but I needed them to be <h2>. The code to change the heading levels is: How This Works Divi’s setup for widget titles is
Following on from the post on making the Divi Accordion module web accessible, today we’ll tackle the Divi Toggle module. The functionality of the Toggle module is similar to the Accordion module. The main difference is each Toggle element stands alone. Because of that, I think the Toggle module should follow the WAI-ARIA Disclosure Design
I was building an accordion in Divi, using the standard accordion widget. Checking it against the Aria Design Patterns for Accordions and the Accordion Example from W3, the Divi accordion module wasn’t following the correct labelling requirements. Perhaps by the time you’re reading this, it has been fixed. If not, I hope you find this
On the default Divi install, the top header sits outside the <header> section. For accessibility and web standards reasons, Divi’s <div id=”top-header”> should be contained within the main <header> section. The alternative is to wrap it in <div role=”banner”>, as explained at Deque University. How to move Divi top header inside the main header: Install
On all the websites I build, I put a “Copyright © 2020” in the footer, where the year gets automatically updated. The site that I was just working on had “Copyright 2018” in the footer. It was following the way Elegant Themes said to do it. No one wants to have to go in and
