CMS Development

EdCupaioli
Contributor

Responaive Spacing on Section but not Module

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? 

1 Reply 1
GRajput
Recognized Expert | Platinum Partner
Recognized Expert | Platinum Partner

Responaive Spacing on Section but not Module

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!




Gaurav Rajput
Director, MarTech( Growth Natives)

Book a meeting


0 Upvotes