Skip to content

Commit 2475d5f

Browse files
author
Ariel Jolo
committed
trying new layout
1 parent 145b61f commit 2475d5f

File tree

1 file changed

+59
-53
lines changed

1 file changed

+59
-53
lines changed

themes/osi/template-parts/header-board-member.php

Lines changed: 59 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -8,68 +8,68 @@
88
<header class="entry-header cover--header no-thumbnail">
99
<div class="wp-block-cover alignfull has-neutral-dark-background-color has-background-dim-100 has-background-dim">
1010
<div class="wp-block-cover__inner-container">
11-
<div class="wp-block-columns">
12-
<!-- Left Column: Image and Title -->
13-
<div class="wp-block-column" style="text-align: center;">
14-
<?php if ( has_post_thumbnail() ) : ?>
15-
<div class="member-image">
16-
<?php the_post_thumbnail( 'full', array( 'class' => 'circular-image' ) ); ?>
17-
</div>
18-
<?php endif; ?>
19-
20-
<h1><?php echo get_the_title(); ?></h1>
21-
22-
<?php if ( osi_field_check( 'pronouns' ) ) : ?>
23-
<span class="member-pronouns"><?php osi_the_valid_field( 'pronouns' ); ?></span>
24-
<?php endif; ?>
25-
</div>
11+
<!-- SINGLE COLUMN for CPT Header Elements -->
12+
<div class="cpt-header-single-column">
13+
14+
<?php if ( has_post_thumbnail() ) : ?>
15+
<div class="member-image">
16+
<?php the_post_thumbnail( 'full', array( 'class' => 'circular-image' ) ); ?>
17+
</div>
18+
<?php endif; ?>
2619

27-
<!-- Right Column: Additional Details -->
28-
<div class="wp-block-column">
29-
<?php if ( osi_field_check( 'board_position' ) ) : ?>
30-
<span class="member-position">
31-
<?php osi_the_valid_field( 'board_position' ); ?>
32-
</span>
33-
<?php endif; ?>
34-
<span class="pill-taxonomy">
35-
<?php echo wp_kses_post( osi_get_single_taxonomy_terms_links( $post, 'taxonomy-status' ) ); ?>
20+
<h1><?php echo get_the_title(); ?></h1>
21+
22+
<?php if ( osi_field_check( 'pronouns' ) ) : ?>
23+
<span class="member-pronouns"><?php osi_the_valid_field( 'pronouns' ); ?></span>
24+
<?php endif; ?>
25+
26+
<?php if ( osi_field_check( 'board_position' ) ) : ?>
27+
<span class="member-position">
28+
<?php osi_the_valid_field( 'board_position' ); ?>
29+
</span>
30+
<?php endif; ?>
31+
32+
<span class="pill-taxonomy">
33+
<?php echo wp_kses_post( osi_get_single_taxonomy_terms_links( $post, 'taxonomy-status' ) ); ?>
34+
</span>
35+
36+
<?php if ( osi_field_check( 'proposed_by' ) ) : ?>
37+
<p>
38+
<?php echo __( 'Proposed by', 'osi' ); ?>:
39+
<span class="member-pronouns"><?php osi_the_valid_field( 'proposed_by' ); ?></span>
40+
</p>
41+
<?php endif; ?>
42+
43+
<?php if ( osi_field_check( 'current_term_start_date' ) ) : ?>
44+
<span class="member-dates">
45+
<?php
46+
echo __( 'Candidacy Period', 'osi' ) . ': ';
47+
osi_the_valid_date_field( 'current_term_start_date' );
48+
if ( osi_field_check( 'current_term_end_date' ) ) :
49+
echo '';
50+
osi_the_valid_date_field( 'current_term_end_date' );
51+
endif;
52+
?>
3653
</span>
37-
<?php if ( osi_field_check( 'proposed_by' ) ) : ?>
38-
<p>
39-
<?php echo __( 'Proposed by', 'osi' ); ?>:
40-
<span class="member-pronouns"><?php osi_the_valid_field( 'proposed_by' ); ?></span>
41-
</p>
42-
<?php endif; ?>
54+
<?php endif; ?>
4355

44-
<?php if ( osi_field_check( 'current_term_start_date' ) ) : ?>
45-
<span class="member-dates">
46-
<?php
47-
echo __( 'Candidacy Period', 'osi' ) . ': ';
48-
osi_the_valid_date_field( 'current_term_start_date' );
49-
if ( osi_field_check( 'current_term_end_date' ) ) :
50-
echo '';
51-
osi_the_valid_date_field( 'current_term_end_date' );
52-
endif;
53-
?>
54-
</span>
55-
<?php endif; ?>
56+
<span class="member-seat">
57+
<?php echo __( 'Type of Seat', 'osi' ) . ': ' . wp_kses_post( osi_get_single_taxonomy_terms_links( $post, 'taxonomy-seat-type' ) ); ?>
58+
</span>
5659

57-
<span class="member-seat">
58-
<?php echo __( 'Type of Seat', 'osi' ) . ': ' . wp_kses_post( osi_get_single_taxonomy_terms_links( $post, 'taxonomy-seat-type' ) ); ?>
60+
<?php if ( osi_field_check( 'term_item' ) ) : ?>
61+
<span class="member-term-item">
62+
<?php osi_the_valid_field( 'term_item' ); ?>
5963
</span>
64+
<?php endif; ?>
6065

61-
<?php if ( osi_field_check( 'term_item' ) ) : ?>
62-
<span class="member-term-item">
63-
<?php osi_the_valid_field( 'term_item' ); ?>
64-
</span>
65-
<?php endif; ?>
66-
</div>
67-
</div>
68-
</div>
69-
</div>
66+
</div><!-- .cpt-header-single-column -->
67+
</div><!-- .wp-block-cover__inner-container -->
68+
</div><!-- .wp-block-cover -->
7069
</header>
7170

7271
<style>
72+
/* Keep these existing styles: */
7373
.member-image {
7474
margin-bottom: 1.5rem;
7575
}
@@ -91,4 +91,10 @@
9191
font-family: 'Space Mono', monospace;
9292
display: inline-block;
9393
}
94+
95+
/* Ensure each element in the header stacks vertically */
96+
.cpt-header-single-column > * {
97+
display: block;
98+
margin-bottom: 1rem;
99+
}
94100
</style>

0 commit comments

Comments
 (0)