Sure thing angelhybride!
Try this CSS:
.rtec-event-meta .rtec-list-column-2.rtec-attendee-list {
padding-right: 40px;
}
.rtec-event-meta .rtec-attendee {
border-bottom: 1px solid #ccc;
line-height: 1.4;
margin-bottom: 10px;
}
You can add it to the “Custom CSS” area found on the “Form” tab.
That should help!
– Craig
It works, thank you very much! And do you know how to also make a vertical separation (between the 2 columns)?
Sure we can do that!
Try removing this part of the code:
.rtec-event-meta .rtec-list-column-2.rtec-attendee-list {
padding-right: 40px;
}
And add this instead:
.rtec-event-meta .rtec-list-column-2.rtec-attendee-list {
padding-right: 20px;
}
.rtec-event-meta .rtec-list-column-2.rtec-attendee-list:nth-child(3) {
padding-left: 20px;
border-left: 1px solid #ccc;
}
@media (max-width: 500px) {
.rtec-event-meta .rtec-list-column-2.rtec-attendee-list {
padding-right: 0;
width: 100%;
}
.rtec-event-meta .rtec-list-column-2.rtec-attendee-list:nth-child(3) {
padding-left: 0;
border-left: none;
}
}
This is perfect! Thank you very much! 🙂
No problem! Happy to help 🙂
No obligation but we do always appreciate reviews if you felt like leaving one:
https://ww.wp.xz.cn/support/plugin/registrations-for-the-events-calendar/reviews/
Either way I’d be happy to help with anything else.
with pleasure, it’s done 😉
