Remove paddings on mobile

Ask the Community Customization
1

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

Student Recruitment Events 2025 - Join Exclusive Edu Fairs
Student Recruitment Events 2025 - Join Exclusive Edu Fairs1125×2436 291 KB

2 Likes
3

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)?

image
image430×918 86.9 KB

1 Like
4

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

Student Recruitment Events 2025 - Join Exclusive Edu Fairs
Student Recruitment Events 2025 - Join Exclusive Edu Fairs1125×2436 142 KB

2 Likes
5

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
6

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

3 Likes
7

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