by Maciej Ekstedt | Sep 25, 2019
Hide the Search Icon on Mobiles
Divi allows you to display or hide the search icon, but this setting is global and applies to all devices. If you want to make your mobile menu more clean and simple, then Divi Pixel provides the option to hide the search icon only on mobile devices.
404 Page Layout Injector
Blog Layout Injector
With Divi Pixel, you can take full control of how your blog archive pages are displayed. The Blog Layout Injector allows you to insert Divi Library items before and/or after the navigation on Blog archive pages, search results pages, and single post pages.
Footer Layout Injector
Build your footer using the Divi Builder and set it as global using Divi Pixel settings. You can also easily insert Divi Library layouts before or after the footer. These layouts can be displayed on the homepage only, or on specific pages.
Header Layout Injector
Divi Pixel allows you to insert any Divi Library layout before or after the header navigation. You can also choose to display custom layouts on only the homepage, or any other specific pages.
Content Toggle
Showcasing content with a toggle switch is an excellent way to display lengthy and essential content concisely. With a toggle switch, you can provide site visitors with an opportunity to explore key information in a less-bulky, easy to interact, and engaging way. With the Divi Pixel Content Toggle module, you can easily create content with a variation. This module will be great for displaying pricing tables, comparing products or services, displaying before and after images and much more!
Timeline
Timelines have always played an important role in websites that want to show the history, a process or something that has a stepwise procedure. The Divi Pixel Timeline module lets you create beautiful timelines on your website using the Divi Builder. This timeline module works similar to other Divi Pixel modules; you just need to add the module to your page and format it as per your requirements.
Image Mask
Image Mask module allows you to display images wrapped into the mask. You can add a custom border and 2 additional layers with decorative elements. The uploaded image can be scaled and repositioned, so it is displayed well and fit the mask perfectly. There are 12 custom masks and 15 decorative elements available in this module.
Image Showcase
Image Showcase module allows you to display images on devices. You can upload 1 image or multiple images and have them displayed on device mockup in a slider form. There are 15 device mockups available (desktop computer, laptop, tablet and 2 different mobile phones). Each mockup comes with 3 angles: Left, Front and Right. This module will be excellent for showcasing your web design projects in a very attractive and engaging way.
Lottie Icon
Lottie Icon is one of the most anticipated modules by Divi users. It allows you to upload an animated icon in .json file. The icons can be downloaded on the official Lottie Files website and used within the module. Lottie Icon comes with powerful animation customization settings. You can loop and autoplay animation, stop on hover or play on hover, change animation direction and speed. You can also add title, description and button to create animated blurbs.
Image Magnifier
Image Magnifier lets you zoom images using a magnifying glass. This module will be super useful for displaying products where seeing details by potential customers is crucial. Image Magnifier comes with the dynamic content for the image, so it can be easily used on product pages using the Theme Builder templates. You can customize magnifying glass size, border, shadow and control lens speed.
Reading Progress Bar
The reading progress bar is a great way to improve the user experience of your website. This is especially useful on blog pages with a lot of content. The reading progress bar indicates to the user how much content has already read and how much content is left by the end of the article. The Reading Progress Bar can be placed on the top, below the menu or at the bottom of your website. We can also change its color, width and even add animation.
Pixel Panorama
Scrolling panoramas are great for showing wide or tall images in a small space. Instead of reducing their size to fit on the screen, you can place the image in a scrolling panorama, which will allow you to see a larger image at its actual size. The visitor can view the entire image by dragging it horizontally or vertically, depending on settings selected. This module also supports 360° videos and it will be a great addition to any website in the travel industry.
Accordion Image
Accordion Image module allows you to create interactive image galleries. You can add multiple images and each image can have its own icon, title, description and button which can be revealed with a nice animation on hover or when the image is clicked. You can also set the image tab to be opened on load or add image overlay for the default state and for the hover state.
Fancy Text
Fancy Text module allows you to create beautiful and animated headings. You can add multiple texts which will rotate between phrases with a smooth animation. The module also provides options to add Prefix and Suffix text and display them horizontally or vertically. All texts added can be customized independently.
Blog Slider
Blog Slider module is an excellent way to display blog posts on your Divi site in a sliding form. The module offers tons of customization options. We can customize texts, add image animation, enable Coverflow 3D Effect and more. The module is fully responsive. We can define the number of columns that will be displayed on desktops, tablets and mobiles, so you can be assured that it will look great on all devices.
Hover Box
With the Hover Box module you can easily create interactive blurbs that can display different content when users mouse over. The module allows adding default and hover content to the card.
You can add images and icons, title descriptions, and buttons. The Flip Box module comes with 6 beautiful hover animations which make this module very powerful and universal.
Scroll Image
Pixel Countdown
Pixel Price List
Image Hotspot
The Image Hotspot module allows for creating interactive images. You can add a background image, and then set multiple image hotspots which, when hovered over, will display tooltip boxes with the default content, or even Divi Library items! You can use icons or images as hotspots, and customize each hotspot with all available default Divi settings. The tooltip boxes can be also fully customized using the Divi Builder.
Testimonial Slider
This is the most advanced module in Divi Pixel, and the first module of its kind available to the Divi community. The Testimonial Slider integrates with Facebook and Google pages. All you need to do is to add page ID’s and access credentials for your Facebook and Google pages, and it will fetch testimonials, which can be easily displayed in the form of a slider. You can also add testimonials manually, or display WooCommerce testimonials as well!
Pixel Carousel
With Divi Pixel you can easily create carousel sections in the Divi theme. You can use default elements, like Icons, Title Text, Descriptions, and Buttons, or select Divi Library items to be displayed in your carousel module. This creates unlimited possibilities. In other words, with the Divi Pixel Carousel module, you can slide anything!
Floating Images
The Floating Images module is an advanced module that will add dynamic motion to your website. It allows you to add multiple images with animations, and each image has its own settings for position and animation. This module is responsive and looks great on all devices.
Rocket Button Grid
Have you ever wanted to add more than 1 or 2 buttons in a Divi Section? Divi Pixel makes it possible! The Button Grid module allows you to add as many buttons as you want in row or column orientation. Each button can be customized independently in the module settings.
Rocket Breadcrumbs
Adding Breadcrumb navigation to your site will improve the user’s experience by easing site navigation. It’s also good for SEO. This module allows you to easily include Breadcrumb navigation on any page, and customize it to fit your website’s style and company branding.
Pixel Star Rating
Easily add star ratings to your Divi website. This module is very flexible and allows you to add and customize star ratings on any page. It comes with many useful settings for example, a star rating scale so you can define your own scale, whether it be 3, 5, 10, or more. It also allows you to add decimal values, switch the Display Type (Block or Inline) and show the rating number. All of these elements can be customized in the module settings.
Pixel Tilt Image
Tilt Image is another module that will help you display content on your website in a more engaging way. This module offers a tilt effect on hover, including a 3D Content Effect which makes the module stand out like crazy. In the module settings, you can add an Image or Icon, Title Text, Description Text, and a Button. Each of these items can be enabled or disabled.
Typing Text
The Typing Text module allows you to add powerful typing animation to text on your Divi site. You can add non-animated prefix text, animated text, and non-animated suffix text – and all of them can be easily customized in the module settings. Create stunning text effects to make for a very dynamic website!
Pixel Counter
With Divi Pixel you can display counters in a more efficient and attractive way. This module allows you to easily count numbers, dates, and even posts. You can add prefix and suffix text, as well as format the number to show decimal values. Each Pixel Counter element can be customized in the Design tab. One of the unique options in this module is Scale Style, which allows you to add a scale to your circular counters.
Pixel Flip Box
The Flip Box module is another custom module that adds smooth interactivity to your Divi website to engage your visitors. You can add icons or images, titles, descriptions, and buttons for both the front and back of the cards. You can also control both side’s backgrounds, set the flip direction, duration, and more!
Masonry Gallery
The Masonry Gallery module has been developed in order to provide more options for displaying galleries. It’s a very flexible and functional module that allows you to create attractive masonry galleries to showcase your photos, portfolio, services, and more.
Before & After Slider
This module allows you to add and customize 2 images to achieve a nice Before & After effect. It’s a great way to showcase work results, photo retouching, various services, and more. The slider can be set to horizontal or vertical orientation, and you can customize its colors and labels.
Hide the Search Icon on Mobiles
Divi allows you to display or hide the search icon, but this setting is global and applies to all devices. If you want to make your mobile menu more clean and simple, then Divi Pixel provides the option to hide the search icon only on mobile devices.
Conter Content on Mobiles
Website optimization for mobile users is very important, and cannot be overlooked. Sometimes it’s a good idea to center all content on mobile devices, and with Divi Pixel you can do that with just a single click.
Collapse Submenus on Mobiles
Complex menus with several dropdowns look fine on desktops, but not on mobiles. They cover up a lot of space and aren’t very easy to use. It’s a good idea to collapse sub-menu links and show them on click. Divi Pixel can handle that for you so your mobile menu is more user-friendly and looks more professional.
Add an Animated Mobile Menu Icon
The default Divi Mobile Menu is quite boring, and we’ve made some improvements that you’re going to love! With Divi Pixel you can easily change the static hamburger menu icon into an animated, interactive menu icon, which can be fully customized with the Divi Pixel Theme Customizer.
Change Logo on Mobiles
Divi does not allow you to select an alternate logo for mobile users. The standard, original company logo may not fit well for mobile devices, but with Divi Pixel you can upload a custom logo and easily display it on mobile devices.
Add a Mobile Menu Button
CTA Buttons are one of the most important elements of a website. Divi Pixel allows you to add Menu Buttons and customize them separately for desktop and mobile users.
Fixed Mobile Header
Divi has a fixed navigation menu for desktop, but currently, there is no built-in setting for deploying a fixed header on mobile. With Divi Pixel you can make your header fixed on mobile devices with one click.
Change Mobile Menu Breakpoint
Breakpoints are used in stylesheets to change the screen width for different devices, for example, from mobile to desktop versions. Divi comes with default breakpoints for mobiles, tablets, and desktops. The mobile menu switches on below 980px. With Divi Pixel you can change the mobile menu breakpoint easily.
Hide Excerpt Text
The WordPress excerpt text is a summary of a longer article, often used as a replacement on the blog index and archives pages to avoid the need to display the full content of each post. In some cases, we may not want to display that text on blog posts, and with Divi Pixel you can hide this text with a single click.
Add Related Articles to your Blog
Adding Related Posts to your blog pages improves content engagement, keeps visitors on your site longer, and boosts your SEO. By introducing your readers to other relevant content on your website, you provide a complete user experience, which ultimately helps your site to achieve its goals.
Add Navigation to your Blog
Navigation is one of the most important design elements of any website, but the challenges associated with it are more critical for single blog posts. Divi Pixel allows you to add navigation to every single blog post, so users can quickly and easily jump to the next or previous post by clicking the navigation buttons.
Customize the Comments Section
With Divi Pixel you can fully customize your blog post comment section. You can change fonts, tweak comment form appearances, change button styles, fonts, and more!
Display Author Bio Below Posts
Seeing an actual person behind blog posts helps build credibility and strengthens your site’s authority. One of the ways you can get more exposure for your website – and your brand – is to have an “Author Box” on your WordPress website.
Add Read More Button to your Blog
By default Divi doesn’t provide the Read More button functionality on archive and category pages. With Divi Pixel you can add that button and fully customize it to meet your requirements.
Customize Meta Text
With Divi Pixel you can fully customize meta text using the Pixel Customizer. You can add icons to meta text, change text fonts, styles, colors, sizes, and more!
Customize Archive Pages
By default Divi comes with single-column layouts for blog archive and category pages. With Divi Pixel you can select from 6 predefined layouts to make your blog more appealing and well, awesome!
Add Menu Button to the Divi Menu
Adding a CTA Menu Button to the Divi Menu has never been easier. Enable the toggle in Divi Pixel settings and take full control of your button’s appearance. Add hover effects, button icons, and change colors, fonts, button sizes, and more!
Customize Header & Navigation
Divi Pixel comes with endless header and navigation settings. Add custom hover animations and menu buttons, and customize all elements using the Divi Pixel Customizer.
Footer Customization
Take full control over the footer area using Divi Pixel’s powerful footer customization settings. With Divi Pixel you can style your footer exactly as you want. Customize the Footer Bottom Bar, Menu, Social Icons, or inject a footer layout from Divi Library. You can also add reveal effects, and keep your footer fixed at the bottom of the page, even on pages with very little content.
Change Logo on Scroll
Divi allows you to upload only one logo which is displayed on the main and fixed headers. What if you’d like to use a different background color for the main menu? And display a different logo on scroll for the fixed header? Problem solved! Divi Pixel allows you to upload custom logos and have them displayed on the fixed header.
Add and Customize Preloader
Divi Pixel comes with 28 pre-defined and high-performing preloaders. Select one of the preloaders and customize its style and page animations.
Expand the WP Admin Bar only on Hover
When you log into your WordPress website, it automatically displays a toolbar at the top of the page. And whether you’re looking at the site from your dashboard or the front page, the toolbar is always there. This can be rather annoying for many users. With Divi Pixel you can hide the WP Admin Bar, and display it only when you hover over the top of your screen.
Style a Back to Top button with Ease
There are several elements on your website that make the Divi framework recognizable, and the Back to Top button is one of them. Divi Pixel provides a variety of options to fully customize your Back To Top button!
Upload Custom Map Marker
The Divi Theme provides a Map module for easily adding embedded Google Maps to your website. It has the option to add a pin, but no option to change the pin icon from the default. Divi Pixel allows you to upload custom map markers and easily display them on maps.
Allow SVG Uploads
SVG images, when properly used, can make your site load significantly faster. By default, WordPress doesn’t allow SVG image uploads directly to the Media Library. With Divi Pixel, you can simply enable that function and enjoy faster load times!
Build Custom 404 Pages
With Divi Pixel you can easily build a custom 404 page using the Divi Builder, and with a single click set it up as your 404 page–without writing a single line of code! Simple!
Custom Browser Scollbar
Divi Pixel allows you to customize your browser scrollbars. You can change colors, sizes, and appearance.
Login Page Customizer
Create unique and stunning login pages using Divi Pixel’s customizer. You can customize an entire page without touching a line of code! Simply, enable Login Page Customization in the plugin settings, and access all available custom options to make your site login page awesome!
Recent Comments