DIVI

In our opinion, DIVI is the best theme for WordPress. Here go to the official help page.

Add more social icons to the Divi theme 049

Are you missing certain icons for your website? Here we show you how you can add more social icons for...

DIVI: Overlapping elements 046

This way you can change the overlapping order!By default, the first element on the page is always behind the next...

Website templates for WordPress 048

Here you can find a template for your WordPress website. We recommend the DIVI theme for WordPress because it is...

DIVI: Hide navigation or main menu 044

To get rid of the main menu at the top of the DIVI theme, you can use this CSS code:

DIVI: Hide image titles in galleries 041

If you don’t want to name every image properly, we have a CSS tip for you 🙂 If you use...

Insert Divi map without Google API | free of charge 037

Here are our instructions on how to do without the Google API in Divi: Embed Google My Business entry Simply...

Optimize Divi Theme and WP Rocket Cache settings 044

To ensure that caching with WP Rocket works well in the Divi theme, set the following in the Divi theme...

DIVI: Specifying the number of columns for a DIVI blog 045

The basic settings in a blog at DIVI do not allow the selection of columns. But you can change this...

Divi – Replace standard social icons with user-defined icons 046

If you have the problem that the default icon is also displayed when you insert your own icons, we...

DIVI: Show additional links or a menu in the top bar 044

Slightly hidden, a previously created menu can also be displayed in the top right of the top bar. See here...

To fix the flashing of Divi number 3 (three) in the drop-down menu 0190

If you are a user of the WordPress Divi theme by “Elegant Themes” and are frustrated that the number “3”...

DIVI: Use jump labels for links 043

To link to a specific location on your DIVI WordPress page, you can use an anchor link. On the target...

DIVI: Add a close button (minus) to the accordion 046

To activate the possibility of closing in an accordion in DIVI you need the following code: Java-Script, to be inserted...

CodePen Generator – Convert HTML, CSS for Divi 045

This generator allows you to convert CodePen projects for DIVI use in WordPress.

Fixed contact button for DIVI 042

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/

DIVI: Move central logo slightly with spaces 042

With a little trick you can move the logo when it is centered with the HTML space. Inserts the following...

DIVI: Use icons in the text block 040

If you want to use icons in a text block, you can use the following codes: You can find all...

DIVI: Fixed menu in mobile browser – CSS customization 046

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...

Close DIVI accordion completely 045

If you would also like to close the accordion in DIVI completely, this code will help you: You can insert...

Replace pin in DIVI cards 042

If you don’t like the typical red of the pin, you can customize this png file in the DIVI directory:...

WordPress DIVI: Show and hide elements with a button 038

1. create button via code Add a button with the class name “togglebtn” as shown in a screenshot 2. insert...

Create Divi popups easily and without a plugin 0182

Divi offers the possibility to create popups easily and without the use of an extra plugin. In this article you...

Setting up the Divi contact form including GDPR 0148

Here you will find a well explained video for setting up a contact form in DIVI,

Cloning WordPress websites with the DIVI theme 044

Cloning pages with the DIVI theme To save work, the DIVI-Builder allows you to clone all pages that have already...

How to deactivate AJAX in the blog module – Divi Theme 048

The blog module uses AJAX to load older posts. If you click on the button for older entries, the blog...

Divi Theme – Solve long loading times and performance problems 049

To solve the problem, first make sure that you have installed the latest WordPress and theme version. Then carry out...

Activate breadcrumbs in WordPress Divi 039

You can use the following instructions to display breadcrumbs on your Divi website.

Empty cache on your website (WordPress & Divi & WP-Rocket) 045

If there are display errors on your website or a page is not updated, it often helps to clear the...

Snowflakes on your WordPress website with Divi, without plugin 036

Give your WordPress website a magical touch with Divi – without any additional plugins. At Olbricht IT, we show...

WordPress – To change the DIVI Map icon 036

To change the default map icon for the Divi theme, open the functions.php file of the child theme and add...

Divi Tutorial – How do I update the content of my website? 042

Customize slider There is often a slider at the top of your page. How to change the slider image: 1....

WordPress – Divi Popup 045

We have put together instructions on how to open a popup using a button. 1st CSS class Assign a class...

WordPress Divi Slider – Image is not displayed? 044

Sometimes the slider image is not visible, even if we have added an image in the slider. We find this...

Inserting date fields in Divi 044

Inserting date fields in Divi In this article, I’ll show you how to create a date picker in Divi Forms...

Add font to Divi 047

With Divi it is easy to add your own font file. This video shows briefly and concisely how this works:

DIVI Theme: Execute Javascript with a button 036

JavaScript on a button in Divi cannot be executed so easily. These instructions will help you to insert a custom...

Force 2 columns in Divi on mobile device 041

On the cell phone you can force 2 columns with the following code. 1. insert CSS class 2. insert CSS...

Divi Theme – Open a link in a new window 041

You would like to open a hyperlink to another website in a new window so that your own page remains...

Divi | Hide elements on tablet, mobile & desktop 044

You can use the Divi-Builder to hide certain elements on your WordPress website. You can show and hide the element...

WordPress Divi: Customize footer 042

Go to Divis Theme BuilderStart by going to the Theme Builder in your Divi design options. Add and create global...

WordPress hyphenation – create “predetermined breaking points” 137

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