Event Page .Eventitem center content css

Hello!

Does anyone know the CSS for justifying all event info CENTER for the individual event pages? I've tried everything! Ideally would want the individual page to look like this:Can we also remove the date in the top right corner of the picture?

@DevonHarris You should provide site url

@tuanphan here's one individual page link https://tan-pepper-zgje.squarespace.com/config/pages/5d68080c390a160001c71e17 password Travel123 thank you!

can center all,but can't find how to center image....

hi @tuaphan can you please share the code for centering? :-)

@DEvonHarris Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.view-list .eventlist-column-info * {
   text-align: center !important;
}
}

@tuanphan this is great! Is there a way to make for desktop view on individual event page? I assume it would look something like

.eventitem

but I don't know the tags which identify form lightbox, social links, and event data. Currently squarespace puts them into inline-block it seems... I'm actually surprised this is so difficult lol

@DevonHarris what do you mean? "Is there a way to make for desktop view on individual event page"

How is "desktop view"?

@DevonHarris You can use this code to inline arrival/departure date

body#collection-5d68080c390a160001c71e17 fieldset:nth-child(n+5) {
   width: 50%;
   float: left;
}
body#collection-5d68080c390a160001c71e17 fieldset:nth-child(n+6):after {
   content: "";
   display: table;
   clear: both;
}

thanks @tuanphan !!