Responaive Spacing on Section but not Module

Developer Support CMS Development
1

I can add responsive padding to my section like so:

{% dnd_section 
 padding={
 'default': {
 'top': 0,
 'bottom': 0, 
 'left': 0,
 'right': 0
 },
 'mobile': {
 'top': 0,
 'bottom': 0, 
 'left': 0,
 'right': 0
 } 
 },
 full_width=true
%}

but I cannot do that for my module, eg:

{% dnd_module 
 styles={
 padding: {
 desktop: {
 top: {
 value: 1,
 units: 'rem'
 },...
 },
 mobile: {
 top: {
 value: 0.5,
 units: 'rem'
 }
 }
 }
 }
%}
{% end_dnd_module %}

Doing this on the CMS side doesnt product desired results as it seems padding is the same value no matter if I swap between displays.

Is this even possible?

2

Hi @EdCupaioli

Padding applied through drag-and-drop (DnD) doesn’t work inside a module. To add padding to a div within a module, assign a class name to the div and style it using regular CSS inside the module’s style tag.

I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.
Thanks!