-
Clean Post
Access the recording of The Household CFO: Wealth Strategies for Women Managing It All, a session focused on…
-
This is title eight
Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s…
-
This is title seven
Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s…
-
This is title six
Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s…
Blog Style 1
Pattern HTML
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:query {"queryId":26,"query":{"perPage":4,"pages":0,"offset":"","postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[],"format":[],"tax_query":{"relation":"OR","queries":[]}},"namespace":"advanced-query-loop","className":"grid-blog-section"} -->
<div class="wp-block-query grid-blog-section"><!-- wp:post-template {"layout":{"type":"grid","columnCount":2,"minimumColumnWidth":null}} -->
<!-- wp:post-featured-image /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"backgroundColor":"one","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"top"}} -->
<div class="wp-block-group has-one-background-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:post-date /-->
<!-- wp:post-title {"textAlign":"center","level":3,"isLink":true} /-->
<!-- wp:post-terms {"term":"category","textAlign":"center","style":{"typography":{"textTransform":"uppercase"}}} /-->
<!-- wp:post-excerpt {"textAlign":"center","moreText":"Read More","excerptLength":18} /--></div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"center"}} -->
<!-- wp:query-pagination-previous {"label":"« Previous Page "} /-->
<!-- wp:query-pagination-numbers /-->
<!-- wp:query-pagination-next {"label":" Next Page »"} /-->
<!-- /wp:query-pagination -->
<!-- wp:query-no-results -->
<!-- wp:paragraph {"align":"center","placeholder":"Add text or blocks that will display when a query returns no results."} -->
<p class="has-text-align-center">Sorry, no entries were found.</p>
<!-- /wp:paragraph -->
<!-- /wp:query-no-results --></div>
<!-- /wp:query --></div>
<!-- /wp:group -->
Pattern CSS
.grid-blog-section .wp-block-post-featured-image img {
aspect-ratio: 16 / 9;
}
.grid-blog-section .wp-block-post-template .wp-block-post .wp-block-post-date {
font-weight: 700;
font-size: 14px;
padding-bottom: 15px;
}
.grid-blog-section .wp-block-post-template .wp-block-post .taxonomy-category {
padding: 20px 0 10px;
font-size: 14px;
font-weight: 700;
}
.grid-blog-section .wp-block-post-template .wp-block-post {
box-shadow: 0px 25px 75px 0px rgba(0, 124, 186, 0.30);
background-color: var(--wp--preset--color--one);
}
.grid-blog-section .wp-block-query-pagination a, .grid-blog-section .wp-block-query-pagination .page-numbers {
text-decoration: none;
padding: 5px 15px;
display: inline-flex
;
background-color: var(--wp--preset--color--four);
color: var(--wp--preset--color--one);
font-weight: 400;
letter-spacing: 1.08px;
font-size: var(--wp--preset--font-size--paragraph-1);
text-transform: uppercase;
}
.grid-blog-section .wp-block-query-pagination a:hover, .grid-blog-section .wp-block-query-pagination a:focus, .grid-blog-section .wp-block-query-pagination .page-numbers.current, .grid-blog-section .wp-block-query-pagination .page-numbers:not(.dots):hover, .grid-blog-section .wp-block-query-pagination .page-numbers:not(.dots):focus {
background-color: var(--wp--preset--color--seven);
color: var(--wp--preset--color--one);
}
