Change Padding of Name, Categorie, etc


Hello,
I’d like to reduce the left padding so the text is closer to the left…
How can I do that ?

2 Likes

Is there a way to display the day of the week first and the month last?
Thank you!

3 Likes

Hi there, @Axel_Clamens and welcome to the Community :wave:

Your request is with our devs now. I’ll get back to you tomorrow :wink:

3 Likes

Thank you! I guess you can only do it by tweaking the php, but that would be a cool feature for us living in France!

1 Like

I’ve found it!

.eapp-events-calendar-masonry-item-inner {
padding: 22px;
border-radius: 0px;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
cursor: pointer;
min-height: 220px;
}

2 Likes

@Axel_Clamens, I’ve checked your solution, and it doesn’t work the way you requested.

However, here is the solution from our devs that should be working fine:

.eapp-events-calendar-masonry-item-info {
  margin-left: -10px;
}

.eapp-events-calendar-date-element-start {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.eapp-events-calendar-date-element-start > div:first-child {
  display: contents;
}

.eapp-events-calendar-date-element-month {
  order: 1;
}

.eapp-events-calendar-date-element-dayOfWeek {
  order: -1;
  margin-top: 0;
  margin-bottom: -6px;
}

.eapp-events-calendar-date-element-day {
  line-height: 40px !important;
  margin-bottom: 8px;
}

Test it out and let me know if you like the result :slightly_smiling_face:

2 Likes

It definitely helped!
Thank you !

2 Likes

No sweat :wink:

We are always here if any further assistance is needed!

1 Like