single-oik-themes.html

Mixin’ Styles- GB

5 patterns
Header- Center Searchbar

mixin-styles-gb/header-center-searchbar

Categories: header,mixin-styles-gb

<!-- wp:group {"className":"mxs-header mxs-header-searchbar-center is-style-default","layout":{"inherit":false}} -->
<div class="wp-block-group mxs-header mxs-header-searchbar-center is-style-default">
<!-- wp:group {"className":"mxs-title-panel","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group mxs-title-panel">
<!-- wp:site-title /-->

<!-- wp:site-tagline {"textColor":"white"} /-->
</div>
<!-- /wp:group -->

<!-- wp:search {"label":"Search","placeholder":"Enter Your Query...","buttonText":"Search","buttonPosition":"no-button","align":"center","className":"is-style-search-header"} /-->

<!-- wp:navigation {"className":"is-style-default","layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"},"fontSize":"normal"} /-->
</div>
<!-- /wp:group -->
Header- Hero (Title Inside)

mixin-styles-gb/header-hero-title-inside

Categories: header,mixin-styles-gb

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"className":"is-style-default header-hero-title-inside","layout":{"inherit":true}} -->
<div class="wp-block-group is-style-default header-hero-title-inside">
<!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/mixin-styles-gb/assets/images/bg_concircles_rby.png","id":11904,"isRepeated":true,"dimRatio":70,"overlayColor":"accent-3","contentPosition":"top center","isDark":false,"align":"full","className":"is-style-rounded-full"} -->
<div class="wp-block-cover alignfull is-light is-repeated has-custom-content-position is-position-top-center is-style-rounded-full" style="background-image:url(https://blocks.wp-a2z.org/wp-content/themes/mixin-styles-gb/assets/images/bg_concircles_rby.png)">
<span aria-hidden="true" class="has-accent-3-background-color wp-block-cover__gradient-background has-background-dim-70 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%">
<!-- wp:site-title /-->

<!-- wp:site-tagline /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%">
<!-- wp:social-links {"align":"center","className":"is-style-semitransparent-dark","layout":{"type":"flex","justifyContent":"center"}} -->
<ul class="wp-block-social-links aligncenter is-style-semitransparent-dark">
<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"tiktok"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"youtube"} /--></ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
</div>
<!-- /wp:cover -->

<!-- wp:navigation {"className":"is-style-default","layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"},"fontSize":"normal"} /-->
</div>
<!-- /wp:group -->
Header- Hero

mixin-styles-gb/header-hero

Categories: header,mixin-styles-gb

<!-- wp:group {"className":"mxs-header header-hero","layout":{"inherit":false}} -->
<div class="wp-block-group mxs-header header-hero">
<!-- wp:group {"className":"mxs-title-panel","layout":{"type":"default"}} -->
<div class="wp-block-group mxs-title-panel">
<!-- wp:site-title /-->

<!-- wp:site-tagline /-->
</div>
<!-- /wp:group -->

<!-- wp:search {"label":"Search","placeholder":"Enter Your Query...","buttonText":"Search","buttonPosition":"no-button","align":"right","className":"is-style-search-header"} /-->

<!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/mixin-styles-gb/assets/images/bg_dots_ovg.png","isRepeated":true,"dimRatio":70,"overlayColor":"accent-3","focalPoint":{"x":"0.50","y":0.5},"isDark":false,"className":"is-style-rounded"} -->
<div class="wp-block-cover is-light is-repeated is-style-rounded">
<span aria-hidden="true" class="wp-block-cover__background has-accent-3-background-color has-background-dim-70 has-background-dim"></span>
<div role="img" class="wp-block-cover__image-background is-repeated" style="background-position:50% 50%;background-image:url(https://blocks.wp-a2z.org/wp-content/themes/mixin-styles-gb/assets/images/bg_dots_ovg.png)"></div>
<div class="wp-block-cover__inner-container">
<!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"white","fontSize":"large"} -->
<p class="has-text-align-center has-white-color has-text-color has-large-font-size">See what we have to offer.</p>
<!-- /wp:paragraph -->
</div>
</div>
<!-- /wp:cover -->

<!-- wp:navigation {"className":"is-style-default","layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"},"fontSize":"normal"} /-->
</div>
<!-- /wp:group -->

Header- Left Searchbar

mixin-styles-gb/header-left-searchbar

Categories: header,mixin-styles-gb

<!-- wp:group {"className":"mxs-header mxs-header-searchbar-left is-style-default","layout":{"inherit":false}} -->
<div class="wp-block-group mxs-header mxs-header-searchbar-left is-style-default">
<!-- wp:group {"className":"mxs-title-panel","layout":{"type":"default"}} -->
<div class="wp-block-group mxs-title-panel">
<!-- wp:site-title /-->

<!-- wp:site-tagline {"textColor":"white"} /-->
</div>
<!-- /wp:group -->

<!-- wp:search {"label":"Search","placeholder":"Enter Your Query...","buttonText":"Search","buttonPosition":"no-button","align":"left","className":"is-style-search-header"} /-->

<!-- wp:navigation {"className":"is-style-default","layout":{"type":"flex","orientation":"horizontal","justifyContent":"left"},"fontSize":"normal"} /-->
</div>
<!-- /wp:group -->
Posts- No Sidebar

mixin-styles-gb/posts-no-sidebar

Categories: columns,mixin-styles-gb

<!-- wp:columns {"className":"is-style-default no-sidebar"} -->
<div class="wp-block-columns is-style-default no-sidebar">
<!-- wp:column {"width":"100%","layout":{"type":"default"}} -->
<div class="wp-block-column" style="flex-basis:100%">
<!-- wp:query {"query":{"perPage":5,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"tagName":"main","displayLayout":{"type":"list"},"className":"main is-style-card","layout":{"type":"constrained"}} -->
<main class="wp-block-query main is-style-card">
<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"center"}} -->
<!-- wp:query-pagination-previous /-->

<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->

<!-- wp:post-template -->
<!-- wp:post-title {"isLink":true} /-->

<!-- wp:group {"className":"entry-meta","layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"top"}} -->
<div class="wp-block-group entry-meta"><!-- wp:post-author /-->

<!-- wp:post-date /-->

<!-- wp:post-terms {"term":"category"} /-->
</div>
<!-- /wp:group -->

<!-- wp:post-featured-image {"isLink":true,"width":"","align":"left"} /-->

<!-- wp:post-excerpt {"moreText":"Continue reading..."} /-->
<!-- /wp:post-template -->

<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"center"}} -->
<!-- wp:query-pagination-previous /-->

<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</main>
<!-- /wp:query -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

Published:

Last updated:

July 19, 2023

Information

Letters: