Change button location

Ask the Community Customization
1

image
image672×1624 96.7 KB

I’d like to change the button location to have it displayed AFTER the text in bold characters.
How can I do that?
Thank you !

2 Likes
3

Hi there, @Axel_Clamens :waving_hand:

Please try to add this code to the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

.eapp-events-calendar-masonry-item-info {
  display: flex;
  flex-direction: column;
}

.eapp-events-calendar-button-element-component {
  order: 1;
}
3 Likes
4

It really helps!
Where can I reduce the space above the time (20:30) and above the text in bold ?
Thank you !

image
image670×1670 95.1 KB

2 Likes
5

This code will do the trick :slightly_smiling_face:

.eapp-events-calendar-description-component {
  margin-top: 0px;
}
3 Likes
6

Thank you !

2 Likes
7

You’re always welcome!

In the meantime, 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