Sep 3
Supreme Text Notation – Padding, margin, and width behave inconsistently in Builder
There are multiple layout-related issues when working with the Supreme Text Notation module in Divi Supreme Pro v5.0.0-beta.13 and Divi Theme v5.0.0-public-alpha.22. These bugs affect the module’s positioning and alignment inside the Builder.
1. 📏 Left/Right Padding Moves Notation Element Independently
- When adjusting left or right padding under Design > Spacing > Padding, it only affects the notation effect (e.g. circle, box), not the position of the text or the full module.
- This causes the notation to shift away from the text, breaking visual alignment.
- In contrast, top and bottom padding work as expected, pushing the whole module vertically.
2. ➖ Left/Right Margin Has No Effect
- Changing left or right margin under Design > Spacing > Margin has no visible effect on the module.
- Top and bottom margin appear to work normally.
3. 📐 Sizing Options (Width/Max Width) Behave Erratically
- Adjusting Width or Max Width in Design > Sizing causes the module to behave inconsistently:
-- It shifts unexpectedly and does not stay centered.
-- Max Width percentages do not visually reflect accurately.
-- Layouts can break when trying to use responsive or percentage-based widths.
Steps to Reproduce:
- Add a Supreme Text Notation module.
- Fill in text in Before, Notation, and After text.
- In Design > Spacing, try changing left/right padding and margin.
- In Design > Sizing, change the Width and Max Width settings to 50%, 80%, etc.
Observe:
- Padding moves the effect but not the full text block.
- Margin has no effect.
- Width settings push the element in unpredictable directions.
Expected Behavior:
- Padding should move the full content and styling as one unit.
- Margin should affect the full module’s position in the layout.
- Width and max-width should control the entire block consistently, without shifting content unexpectedly.
Actual Behavior:
- Padding only affects the visual effect (e.g. circle).
- Margin is ignored.
- Width causes layout misalignment or strange shifts.
Environment:
- Divi Supreme Pro: v5.0.0-beta.13
- Divi Theme: v5.0.0-public-alpha.22
- WordPress: Latest version
- Browser: Chrome
- OS: Windows
Completed
Hi David, I do see the issue when using Padding, the text moves but not the notation effect, the notation effect just need a quick refresh, simply changes any value in the module settings -> Notation settings, and the effect will refresh and it will appear fine, see this video: https://streamable.com/giuy2m Hope that helps!