The Events Calendar for Oxygen

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

Copyright © 2023 Siam Naulak.
magnifiercrossmenu