DIVI
In our opinion, DIVI is the best theme for WordPress.
Here go to the official help page. DIVI Theme: Execute Javascript with a button
JavaScript on a button in Divi cannot be executed so easily. These instructions will help you to insert a custom...
Optimize Divi Theme and WP Rocket Cache settings
To ensure that caching with WP Rocket works well in the Divi theme, set the following in the Divi theme...
Divi Theme – Solve long loading times and performance problems
To solve the problem, first make sure that you have installed the latest WordPress and theme version. Then carry out...
DIVI: Fixed menu in mobile browser – CSS customization
The following CSS code helps to fix the menu in the mobile browser: @media (max-width: 980px) { .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav...
Force 2 columns in Divi on mobile device
On the cell phone you can force 2 columns with the following code. 1. insert CSS class 2. insert CSS...
DIVI: Specifying the number of columns for a DIVI blog
The basic settings in a blog at DIVI do not allow the selection of columns. But you can change this...
Activate breadcrumbs in WordPress Divi
You can use the following instructions to display breadcrumbs on your Divi website.
Close DIVI accordion completely
If you would also like to close the accordion in DIVI completely, this code will help you: You can insert...
Divi Theme – Open a link in a new window
You would like to open a hyperlink to another website in a new window so that your own page remains...
Divi – Replace standard social icons with user-defined icons
If you have the problem that the default icon is also displayed when you insert your own icons, we...
Empty cache on your website (WordPress & Divi & WP-Rocket)
If there are display errors on your website or a page is not updated, it often helps to clear the...
Replace pin in DIVI cards
If you don’t like the typical red of the pin, you can customize this png file in the DIVI directory:...
Divi | Hide elements on tablet, mobile & desktop
You can use the Divi-Builder to hide certain elements on your WordPress website. You can show and hide the element...
DIVI: Show additional links or a menu in the top bar
Slightly hidden, a previously created menu can also be displayed in the top right of the top bar. See here...
Snowflakes on your WordPress website with Divi, without plugin
Give your WordPress website a magical touch with Divi – without any additional plugins. At Olbricht IT, we show...
WordPress DIVI: Show and hide elements with a button
1. create button via code Add a button with the class name “togglebtn” as shown in a screenshot 2. insert...
Add more social icons to the Divi theme
Are you missing certain icons for your website? Here we show you how you can add more social icons for...
WordPress – To change the DIVI Map icon
To change the default map icon for the Divi theme, open the functions.php file of the child theme and add...
WordPress Divi: Customize footer
Go to Divis Theme BuilderStart by going to the Theme Builder in your Divi design options. Add and create global...
DIVI: Use jump labels for links
To link to a specific location on your DIVI WordPress page, you can use an anchor link. On the target...
Divi Tutorial – How do I update the content of my website?
Customize slider There is often a slider at the top of your page. How to change the slider image: 1....
DIVI: Overlapping elements
This way you can change the overlapping order!By default, the first element on the page is always behind the next...
Create Divi popups easily and without a plugin
Divi offers the possibility to create popups easily and without the use of an extra plugin. In this article you...
DIVI: Add a close button (minus) to the accordion
To activate the possibility of closing in an accordion in DIVI you need the following code: Java-Script, to be inserted...
WordPress – Divi Popup
We have put together instructions on how to open a popup using a button. 1st CSS class Assign a class...
Website templates for WordPress
Here you can find a template for your WordPress website. We recommend the DIVI theme for WordPress because it is...
To fix the flashing of Divi number 3 (three) in the drop-down menu
If you are a user of the WordPress Divi theme by “Elegant Themes” and are frustrated that the number “3”...
CodePen Generator – Convert HTML, CSS for Divi
This generator allows you to convert CodePen projects for DIVI use in WordPress.
WordPress Divi Slider – Image is not displayed?
Sometimes the slider image is not visible, even if we have added an image in the slider. We find this...
DIVI: Hide navigation or main menu
To get rid of the main menu at the top of the DIVI theme, you can use this CSS code:
Setting up the Divi contact form including GDPR
Here you will find a well explained video for setting up a contact form in DIVI,
Fixed contact button for DIVI
To be able to use this code in Divi, you need the following generator: https://noprob.olbricht.it/knowledge-base/codepen-generator-html-css-umwandeln-fuer-divi/
Inserting date fields in Divi
Inserting date fields in Divi In this article, I’ll show you how to create a date picker in Divi Forms...
DIVI: Hide image titles in galleries
If you don’t want to name every image properly, we have a CSS tip for you 🙂 If you use...
Cloning WordPress websites with the DIVI theme
Cloning pages with the DIVI theme To save work, the DIVI-Builder allows you to clone all pages that have already...
DIVI: Move central logo slightly with spaces
With a little trick you can move the logo when it is centered with the HTML space. Inserts the following...
Add font to Divi
With Divi it is easy to add your own font file. This video shows briefly and concisely how this works:
Insert Divi map without Google API | free of charge
Here are our instructions on how to do without the Google API in Divi: Embed Google My Business entry Simply...
How to deactivate AJAX in the blog module – Divi Theme
The blog module uses AJAX to load older posts. If you click on the button for older entries, the blog...
DIVI: Use icons in the text block
If you want to use icons in a text block, you can use the following codes: You can find all...
WordPress hyphenation – create “predetermined breaking points”
In WordPress and on HTML pages, hyphenation is an often underestimated feature that can significantly improve the readability of texts....
Dein Experte
Andreas Olbricht
Skip to content