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 you how to create a charming snowflake effect in a few…
DIVI
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 under Divi > Theme Options > Integration 2. insert CSS…
Website templates for WordPress
Here you can find a template for your WordPress website. We recommend the DIVI theme for WordPress because it is simple, performant and dynamic. Here you will find some…
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:
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 the standard gallery module in DIvi, the title is displayed…
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 use your Google My Business entry to embed the map:…
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 settings: Divi 4.10 performance update Version 4.10 of Divi introduced…
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 with our CSS code 🙂 You can use this code…
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 will show you a simple way to hide the default…
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 in the video which steps you can take to activate…
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 page, insert a CSS ID in the respective section (see…
DIVI: Overlapping elements
This way you can change the overlapping order!By default, the first element on the page is always behind the next element if the two overlap. This is why the content…
CodePen Generator – Convert HTML, CSS for Divi
This generator allows you to convert CodePen projects for DIVI use in WordPress.
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 #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: fixed; } }
Close DIVI accordion completely
If you would also like to close the accordion in DIVI completely, this code will help you: You can insert the code here:
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: /wp-content/themes/Divi/includes/builder/images/marker.png After a theme update, however, you may have to…
Design crash in the Divi theme – quick help by deleting the CSS cache
If the design suddenly crashes in the Divi theme – whether due to small display errors or completely distorted pages – this is often due to the outdated CSS cache.…
WordPress – Divi Popup
We have put together instructions on how to open a popup using a button. 1st CSS class Assign a class to the “popup” button element 2. section and column classes…
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” lights up instead of the dropdown submenu arrow, how can…
Setting up the Divi contact form including GDPR
Here you will find a well explained video for setting up a contact form in DIVI,
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 been created and use them as templates, for example. This…
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 module will reload instead of refreshing the entire page. This…
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 the following steps one after the other and check the…
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 cache. We at Olbricht IT use the WordPress plugin WP-Rocket…
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 this code: In which you enter the path of your…
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 for making appointments or callbacks. 1. adding a new date…
Add font to Divi
With Divi it is easy to add your own font file. This video shows briefly and concisely how this works:
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 code Use the following code:
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 available. In WordPress (here specifically Divi) you can set this…
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. Here I’ll show you some methods for using hyphenation effectively:…
Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!