The Events Calendar

Archive

Paste below code using Code Block

<?php
    use Tribe\Events\Views\V2\Template_Bootstrap;
 
    echo tribe( Template_Bootstrap::class )->get_view_html();
?>

Paste below CSS

.ct-code-block .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding: 0;
}
.tribe-events-header__events-bar	{
	display: none!important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
  aspect-ratio: auto;
  border-color: var(--tec-color-border-secondary-month-grid);
  border-style: solid;
  border-width: 0 1px 1px 0;
  min-height: 100px!important;
  overflow: visible;
  padding-top: 0;
}
.tribe-common-l-container h3,
.tribe-events-l-container h3	{
	font-size: 16px!important;
}

.tribe-events-calendar-list__event-description	{
	font-family: 'Roboto'!important;
}
.tribe-events-calendar-list__event-title a	{
	font-size: 24px;
	line-height: 1;
	color: #39268d!important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs__list {
    font-size: 30px!important;
    font-weight: 600!important;
}
.tribe-events-c-top-bar__datepicker-time	{
	font-size: 22px!important;
}

Single Post

Paste below code using Code Block

<?php
 
$events_label_singular = tribe_get_event_label_singular();
$events_label_plural   = tribe_get_event_label_plural();
 
$event_id = get_the_ID();
 
?>
 
<div id="tribe-events-content" class="tribe-events-single">
 
    <p class="tribe-events-back">
        <a href="<?php echo esc_url( tribe_get_events_link() ); ?>"> <?php printf( '&laquo; ' . esc_html_x( 'All %s', '%s Events plural label', 'the-events-calendar' ), $events_label_plural ); ?></a>
    </p>
 
    <!-- Notices -->
    <?php tribe_the_notices() ?>
 
    <?php the_title( '<h1 class="tribe-events-single-event-title">', '</h1>' ); ?>
 
    <div class="tribe-events-schedule tribe-clearfix">
        <?php echo tribe_events_event_schedule_details( $event_id, '<h2>', '</h2>' ); ?>
        <?php if ( tribe_get_cost() ) : ?>
            <span class="tribe-events-cost"><?php echo tribe_get_cost( null, true ) ?></span>
        <?php endif; ?>
    </div>
 
    <!-- Event header -->
    <div id="tribe-events-header" <?php tribe_events_the_header_attributes() ?>>
        <!-- Navigation -->
        <nav class="tribe-events-nav-pagination" aria-label="<?php printf( esc_html__( '%s Navigation', 'the-events-calendar' ), $events_label_singular ); ?>">
            <ul class="tribe-events-sub-nav">
                <li class="tribe-events-nav-previous"><?php tribe_the_prev_event_link( '<span>&laquo;</span> %title%' ) ?></li>
                <li class="tribe-events-nav-next"><?php tribe_the_next_event_link( '%title% <span>&raquo;</span>' ) ?></li>
            </ul>
            <!-- .tribe-events-sub-nav -->
        </nav>
    </div>
    <!-- #tribe-events-header -->
 
    <?php while ( have_posts() ) :  the_post(); ?>
        <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <!-- Event featured image, but exclude link -->
            <?php echo tribe_event_featured_image( $event_id, 'medium', false ); ?>
 
            <!-- Event content -->
            <?php do_action( 'tribe_events_single_event_before_the_content' ) ?>
            <div class="tribe-events-single-event-description tribe-events-content">
                <?php the_content(); ?>
            </div>
            <!-- .tribe-events-single-event-description -->
            <?php do_action( 'tribe_events_single_event_after_the_content' ) ?>
 
            <!-- Event meta -->
            <?php do_action( 'tribe_events_single_event_before_the_meta' ) ?>
            <?php tribe_get_template_part( 'modules/meta' ); ?>
            <?php do_action( 'tribe_events_single_event_after_the_meta' ) ?>
        </div> <!-- #post-x -->
        <?php if ( get_post_type() == Tribe__Events__Main::POSTTYPE && tribe_get_option( 'showComments', false ) ) comments_template() ?>
    <?php endwhile; ?>
 
    <!-- Event footer -->
    <div id="tribe-events-footer">
        <!-- Navigation -->
        <nav class="tribe-events-nav-pagination" aria-label="<?php printf( esc_html__( '%s Navigation', 'the-events-calendar' ), $events_label_singular ); ?>">
            <ul class="tribe-events-sub-nav">
                <li class="tribe-events-nav-previous"><?php tribe_the_prev_event_link( '<span>&laquo;</span> %title%' ) ?></li>
                <li class="tribe-events-nav-next"><?php tribe_the_next_event_link( '%title% <span>&raquo;</span>' ) ?></li>
            </ul>
            <!-- .tribe-events-sub-nav -->
        </nav>
    </div>
    <!-- #tribe-events-footer -->
 
</div><!-- #tribe-events-content -->

Paste below CSS

.tribe-events-content p	{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7!important;
}
.tribe-events-content	{
	font-family: 'Roboto'!important;
}
.tribe-events-single-event-title {
  color: var(--tec-color-text-primary);
  font-family: 'Roboto'!important;
  font-weight: var(--tec-font-weight-bold);
  font-size: 32px;
  line-height: var(--tec-line-height-1);
  color: var(--tec-color-text-event-title);
}
.tribe-events-schedule {
  margin: 10px 0!important;
}
.tribe-events-schedule h2 {
	font-size: 20px;
	font-family: 'Roboto'!important;
	font-weight: 600;
}
.tribe-events-ics	{
	display: none;
}
#tribe-events-footer	{
	display: none;
}

Setting