Responaive Spacing on Section but not Module

EdCupaioli — Thu, 06 Feb 2025 19:29:22 GMT

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?

Re: Responaive Spacing on Section but not Module

GRajput — Fri, 07 Feb 2025 14:43:09 GMT

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!

topic Re: Responaive Spacing on Section but not Module in CMS Development

Responaive Spacing on Section but not Module

Re: Responaive Spacing on Section but not Module