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 075

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

DIVI: Overlapping elements 066

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 070

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 066

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 068

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 060

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 070

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 070

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 074

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 061

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 0215

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 063

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 070

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 072

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

Fixed contact button for DIVI 063

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 065

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 062

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 070

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 068

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 064

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 060

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 0211

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 0177

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

Cloning WordPress websites with the DIVI theme 069

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 073

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 081

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 064

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

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

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 064

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 055

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? 062

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

WordPress – Divi Popup 071

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? 072

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 067

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 072

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 061

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 062

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 066

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 064

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 064

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” 158

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