Tag: Divi Theme
WordPress Divi: Customize footer
WordPress Divi: Customize footer
Go to Divis Theme BuilderStart by going to the Theme Builder in your Divi design options. Add and create global...
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:...
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: 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...
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...
CodePen Generator – Convert HTML, CSS for Divi
This generator allows you to convert CodePen projects for DIVI use in WordPress.
Easily integrate side buttons (sticky button) in WordPress
We can recommend this plugin to easily enable sticky icons or sticky buttons. A typical use case is the quick...
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...
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...
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...
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...
Use WordPress maintenance mode
Do you want to make some changes to your WordPress site, but don’t want to lose visitors during the maintenance...
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:
Website templates for WordPress
Here you can find a template for your WordPress website. We recommend the DIVI theme for WordPress because it is...
DIVI: Overlapping elements
This way you can change the overlapping order!By default, the first element on the page is always behind the next...
WordPress – Change page name, (Change website name, Subpage name)
You can change the name of the respective subpage on your website, and therefore also the display name in the...
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...
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...
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 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...
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 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...
Add font to Divi
With Divi it is easy to add your own font file. This video shows briefly and concisely how this works:
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 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....
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...
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...
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...
Creating imagemap tooltips with CSS and jQuery
In this article you will learn how to create imagemap tooltips with CSS and jQuery. Understanding image maps An image...
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...
Setting up the Divi contact form including GDPR
Here you will find a well explained video for setting up a contact form in DIVI,