Select Page

Divi Pixel Documentation

General Settings

Custom Login Page

This option allows full customization of the login page, including changing the logo, colors, field appearance, fonts, and more.
The Custom Login Page can be enabled in Divi → Divi Pixel → General Settings.

To customize the Login Page go to Divi → Theme Customizer → General → Login Page.

Custom Browser Scrollbar

This option allows full customization of the Browser Scrollbar. You can change the scrollbar width, colors, add a border radius, and box shadows.
The Custom Browser Scrollbar can be enabled in Divi → Divi Pixel → General Settings.

To customize the Browser Scrollbar go to Divi → Theme Customizer → General → Custom Browser Scrollbar.

Allow SVG Uploads

WordPress by default doesn’t allow uploading SVG images. With Divi Pixel it’s now possible!
SVG File Upload can be enabled in Divi → Divi Pixel → General Settings.

Back To Top Button

Divi Pixel allows you to fully customize a Back To Top Button. You can change its size, icon, colors, add shadows and even add a custom link.
To customize the Back To Top Button, enable this option in Divi Pixel Settings Divi → Divi Pixel → General Settings.

To customize the Back To Top Button, go to Divi → Theme Customizer → General → Back To Top Button.

WP Project Tab Customization

With Divi Pixel you can hide or change Project tab slugs.
To customize Project Tab, enable this option in Divi Pixel Settings Divi → Divi Pixel → General Settings.

Hide Admin Bar

The Admin Bar can sometimes be annoying for website administrators. Divi Pixel allows you to hide the Admin Bar, and display it only when you hover on the top part of the screen. The Admin Bar can be hidden in Divi Pixel Settings Divi → Divi Pixel → General Settings.

Custom Map Marker

Divi Pixel allows you to upload Custom Map Markers which will be displayed on the Divi Map Module. Custom Map Markers can be uploaded in Divi Pixel Settings Divi → Divi Pixel → General Settings.

Preloader

Divi Pixel comes with 20 custom preloaders which are fully customizable in the Divi Pixel Customizer.
The Custom Preloader can be enabled in Divi Pixel Settings Divi → Divi Pixel → General Settings.

To customize preloader please go to Divi → Theme Customizer → General Settings.

Header & Navigation

With Divi Pixel you can easily customize the Divi menu. You can tweak the top menu bar, choose from 12 predefined animated hover effects, and add and customize a CTA Menu Button & Social Media Icons. All these elements are fully customizable in the Divi Pixel Theme Customizer.

To customize the Header & Navigation enable this option in Divi → Divi Pixel → General Settings → Header & Navigation.

More Options:
– Remove Header Shadow
– Do Not Shrink Header on Scroll
– Change Logo on Scroll
– Zoom Logo on Hover

Please note: Some of the features might not work with the custom header injected via the Divi Theme Builder.

Once you save the plugin settings, you can go to the Theme Customizer to tweak the appearance of the header menu.
To customize the Top Bar, Menu Animation, Menu Button and Social Media icons go to Divi → Theme Customizer → Header & Navigation

CTA Menu Button

Divi Pixel allows you to easily add and customize a CTA Menu Button. 

To add Menu Button enable this option in Divi → Divi Pixel → General Settings → Header & Navigation → Add CTA Button to Main Menu.

Once you save the plugin settings, you can go to the Theme Customizer to tweak the appearance of the header menu.
To customize Top Bar, Menu Animation, Menu Button and Social Media icons please go to Divi → Theme Customizer → Header & Navigation

Footer

Divi Pixel provides some very useful options to customize the Divi Footer. You can hide the footer bottom bar, enable the option to force the footer to the bottom, and add attractive footer reveal effects, which can be optionally disabled on specific devices.

To customize the Footer Settings go to Divi → Divi Pixel → General Settings → Footer

Once you save the plugin settings, you can go to the Theme Customizer to tweak the appearance of the footer elements.
To customize the Footer Menu, Footer Bottom Bar and Footer Social Icons go to Divi → Theme Customizer → Footer