Remove paddings on mobile

Hi Max, this only seems to work if you want to add more padding. I want to remove padding but it does not respond to negative padding. The margins are too wide but I cannot seem to adjust those. Do you have a code for that?

tnx. Jeroen

2 Likes

Hi there, @Jeroen_Jonkman :waving_hand:

Just to clarify, would you like to reduce the spacing between event cards (1) or you’d like to remove side and bottom spacing in the event cards (2)?

1 Like

Hi Max, neither. I want the entire card to be closer to the edge of the screen (on both sides). See attached for clarification.

2 Likes

Got it, thanks!

Please try to use this CSS code and let me know how it worked:


@media(max-width: 600px) {
  [class*="WidgetBackground__Wrapper-sc"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .global-styles,
  .fusion-fullwidth:has(.eapp-events-calendar-events-calendar-component) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
2 Likes

works like a charm. Thanks so much Max. Appreciate it.

3 Likes

Great, you’re always welcome!

By the way, we’d like to invite you to participate in our Birthday Contest, where you can win a 12-month extension for your subscription - Birthday Contest: 10 Winners, 10 Free Years with Elfsight! :wrapped_gift:

Check the details and join in :wink:

1 Like