Written by Dan Mossop
Divi user WillGo has kindly put together a detailed video showing how to use Divi Booster:
We may earn a commission when you visit links on our website.
Give your Divi layouts a polished, glassmorphism look by blurring the content behind a semi‑transparent Divi section, row or module. This effect enhances readability over busy or textured backgrounds while preserving the visual impact of your imagery and layout. In...
Tailor the appearance of the dot navigation in the Divi Gallery module’s Slider layout by defining active and inactive colors, adjusting dot size, and applying a border to match your brand. Fine-tuning these details improves visibility, accessibility, and overall...
Adjust the appearance of the lightbox title that appears when visitors open images from a Divi Gallery to align with your brand and improve readability. Refining the title’s color, size, and weight enhances visual hierarchy, accessibility, and overall polish. In this...
Centering the image count in a gallery lightbox creates a cleaner, more balanced presentation and makes it easier for visitors to see where they are in the image set. This simple visual tweak can enhance readability, especially with larger images and longer captions,...
Tailor the appearance of the image counter in the Divi Gallery module lightbox to match your brand and improve readability. By customizing the counter’s color and typography, you ensure it displays clearly and suits your design. In this guide we show you how to style...
Hello Dan, le plugin divi booster est-il disponible en Français ? Même question pour Divi Learndash Kit ? Merci !
Reply
Hi Dan
I am using Divi Booster for a website I'm building. I am using two buttons on my slider but the icon on the second button isn't showing up. Also can you help me with the css needed to style the second button as I want it to have a different color to the first button.
Hi Rachel, I can see the issue with the icon not showing – I've fixed this for the next version of Divi Booster (2.8.6) which I hope to have out very soon. To style the second button you can use the "db_pb_button_2" class added to the second button. For example:
a.db_pb_button_2 { color: green; /* Text color */ background-color: #ccc; /* Background color */ } a.db_pb_button_2:hover { background-color: #fff; /* Hover background color */ }That would apply to every additional slider button across the site. To target a particular slider, you can give the slider an ID (say "myslider") and modify the above to be:
#myslider a.db_pb_button_2 { color: green; /* Text color */ background-color: #ccc; /* Background color */ } #myslider a.db_pb_button_2:hover { background-color: #fff; /* Hover background color */ }If you only want to affect a single slide, do as above, but add a class like "et_pb_slide_0" (where the 0 indicates the first slide, 1 would indicate the second slide, etc). So to change the button only for the second slide on the #myslider slider, you could do:
#myslider .et_pb_slide_1 a.db_pb_button_2 { color: green; /* Text color */ background-color: #ccc; /* Background color */ } #myslider .et_pb_slide_1 a.db_pb_button_2:hover { background-color: #fff; /* Hover background color */ }Hope that helps, but let me know if not. Thanks!
Hello Dan, le plugin divi booster est-il disponible en Français ? Même question pour Divi Learndash Kit ? Merci !
Bonjour Marlène, at the moment both Divi Booster and Divi Learndash Kit are only available in English, I'm afraid. I hope to add support for other languages (e.g. French) in the future. If / when I do it will be as an update to the current plugins, so if you do purchase either plugin now you'll automatically get the French translation when it becomes available. Thanks!