Jul 4
Card Carousel – Multiple design settings not applying on front end
Several design options in the Supreme Card Carousel module are working inside the Divi Visual Builder but not rendering correctly on the live front end. This includes the following issues:
1. 🖼️ Image Border Radius
Setting border radius (e.g., 16px) in Design > Image > Image Border Radius works in the Builder, but is ignored on the front end.
2. 🎯 Badge Text Color
The text color of the Badge (e.g., “Paso 1”) does not reflect the selected setting in Design > Badge. It always renders with the default color.
3. ✍️ Title Text Font Weight and Color
Font weight and text color set in Design > Title Text do not apply on the live version.
Example: setting it to Semi Bold and a dark blue #273272 works in the builder but has no effect when the page is loaded publicly.
Steps to Reproduce:
- Add a Supreme Card Carousel module to a section.
- Configure each of the following in the Design tab:
- Set a border radius for the image (e.g., 16px on all corners).
- Set a custom Badge Text Color.
- Adjust Title Text font weight and color.
- Save and preview the page.
Expected Behavior:
All visual settings should apply consistently across the Builder and live site.
Actual Behavior:
Only the Visual Builder reflects the settings. The live site ignores:
- Image border radius
- Badge text color
- Title text font weight and color
Environment:
- Divi Theme: v5.0.0‑public‑alpha.18.1
- Divi Supreme Pro: v5.0.0‑beta.09
- WordPress: Latest version
- Browser: Chrome
- OS: Windows
Completed
Hi David, Thanks for reporting this, however I'm not able to recreate the issue on our end, please see this video: https://streamable.com/4evjyb It's working completely fine.