How To Style CPT Loop Archive Elementor Free

This guide is related to the free module code from this guide: How To Show Event CPT Loop On Archive Elementor Free.

1. Open your WordPress backend and click on Linnet templates -> Templates.
2. Locate the event archive template and edit it with elementor.
3. Edit the Linnet post grid module.
4. Give the event date field the class eventdate and the city field the class eventcity.
5. Add an html module to the page and add this css.

<style>
    .linnet-post-title{
        font-size: 22px;
    }
    .linnet-post-item{
        padding: 0px 0px 10px 0px !important;
        display: flex;
        flex-direction:column;
    }
    .linnet-post-item>.linnet-post-image{
        padding:0px;
    }
    .linnet-post-item>*{
        padding: 0px 10px;
    }
    .eventcity{
        margin-top: auto;
    }
</style>

6. Then click publish.