Skip to content

Instantly share code, notes, and snippets.

@n8finch

n8finch/Bottom pagination

Created January 22, 2022 18:58
Show Gist options
  • Save n8finch/f5d5be6045a75cd207a3c1c43743d066 to your computer and use it in GitHub Desktop.
Save n8finch/f5d5be6045a75cd207a3c1c43743d066 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Bottom pagination
<nav
class="elementor-pagination"
role="navigation"
aria-label="Pagination"
>
<span class="page-numbers prev">« Previous</span>
<span aria-current="page" class="page-numbers current"
><span class="elementor-screen-only">Page</span>1</span
>
<a
class="page-numbers"
href="https://xxn-02.site.strattic.io/page/2/?s=metadata"
><span class="elementor-screen-only">Page</span>2</a
>
<a
class="page-numbers"
href="https://xxn-02.site.strattic.io/page/3/?s=metadata"
><span class="elementor-screen-only">Page</span>3</a
>
<a
class="page-numbers"
href="https://xxn-02.site.strattic.io/page/4/?s=metadata"
><span class="elementor-screen-only">Page</span>4</a
>
<a
class="page-numbers"
href="https://xxn-02.site.strattic.io/page/5/?s=metadata"
><span class="elementor-screen-only">Page</span>5</a
>
<a
class="page-numbers next"
href="https://xxn-02.site.strattic.io/page/2/?s=metadata"
>Next »</a
>
</nav>
Raw
Results Wrapper
<section
class="elementor-section elementor-top-section elementor-element elementor-element-45ec54a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="45ec54a1"
data-element_type="section"
data-settings='{"background_background":"classic"}'
>
<div class="elementor-container elementor-column-gap-default">
<div
class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2cc734e1"
data-id="2cc734e1"
data-element_type="column"
>
<div class="elementor-widget-wrap elementor-element-populated">
<div
class="elementor-element elementor-element-5d24b10f elementor-widget elementor-widget-theme-archive-title elementor-page-title elementor-widget-heading"
data-id="5d24b10f"
data-element_type="widget"
data-widget_type="theme-archive-title.default"
>
<div class="elementor-widget-container">
<h1 class="elementor-heading-title elementor-size-default">
Search Results for: {{search_string}}
</h1>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-section elementor-top-section elementor-element elementor-element-c3ef7b0 resource-page-menu elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="c3ef7b0"
data-element_type="section"
>
<div class="elementor-container elementor-column-gap-default">
<div
class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-706204d"
data-id="706204d"
data-element_type="column"
>
<div class="elementor-widget-wrap elementor-element-populated">
<div
class="elementor-element elementor-element-e3d0bfc elementor-icon-list--layout-inline elementor-align-left elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list"
data-id="e3d0bfc"
data-element_type="widget"
data-widget_type="icon-list.default"
>
<div class="elementor-widget-container">
<style>
/*! elementor - v3.5.3 - 28-12-2021 */
.elementor-widget.elementor-icon-list--layout-inline
.elementor-widget-container {
overflow: hidden;
}
.elementor-widget
.elementor-icon-list-items.elementor-inline-items {
margin-right: -8px;
margin-left: -8px;
}
.elementor-widget
.elementor-icon-list-items.elementor-inline-items
.elementor-icon-list-item {
margin-right: 8px;
margin-left: 8px;
}
.elementor-widget
.elementor-icon-list-items.elementor-inline-items
.elementor-icon-list-item:after {
width: auto;
left: auto;
right: auto;
position: relative;
height: 100%;
border-top: 0;
border-bottom: 0;
border-right: 0;
border-left-width: 1px;
border-style: solid;
right: -8px;
}
.elementor-widget .elementor-icon-list-items {
list-style-type: none;
margin: 0;
padding: 0;
}
.elementor-widget .elementor-icon-list-item {
margin: 0;
padding: 0;
position: relative;
}
.elementor-widget .elementor-icon-list-item:after {
position: absolute;
bottom: 0;
width: 100%;
}
.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: inherit;
}
.elementor-widget
.elementor-icon-list-icon
+ .elementor-icon-list-text {
-ms-flex-item-align: center;
align-self: center;
padding-left: 5px;
}
.elementor-widget .elementor-icon-list-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.elementor-widget .elementor-icon-list-icon svg {
width: var(--e-icon-list-icon-size, 1em);
height: var(--e-icon-list-icon-size, 1em);
}
.elementor-widget .elementor-icon-list-icon i {
width: 1.25em;
font-size: var(--e-icon-list-icon-size);
}
.elementor-widget.elementor-widget-icon-list
.elementor-icon-list-icon {
text-align: var(--e-icon-list-icon-align);
}
.elementor-widget.elementor-widget-icon-list
.elementor-icon-list-icon
svg {
margin: var(
--e-icon-list-icon-margin,
0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0
);
}
.elementor-widget.elementor-list-item-link-full_width a {
width: 100%;
}
.elementor-widget.elementor-align-center
.elementor-icon-list-item,
.elementor-widget.elementor-align-center
.elementor-icon-list-item
a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-widget.elementor-align-center
.elementor-icon-list-item:after {
margin: auto;
}
.elementor-widget.elementor-align-center .elementor-inline-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-widget.elementor-align-left .elementor-icon-list-item,
.elementor-widget.elementor-align-left
.elementor-icon-list-item
a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.elementor-widget.elementor-align-left .elementor-inline-items {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.elementor-widget.elementor-align-right .elementor-icon-list-item,
.elementor-widget.elementor-align-right
.elementor-icon-list-item
a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.elementor-widget.elementor-align-right
.elementor-icon-list-items {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.elementor-widget:not(.elementor-align-right)
.elementor-icon-list-item:after {
left: 0;
}
.elementor-widget:not(.elementor-align-left)
.elementor-icon-list-item:after {
right: 0;
}
@media (max-width: 1024px) {
.elementor-widget.elementor-tablet-align-center
.elementor-icon-list-item,
.elementor-widget.elementor-tablet-align-center
.elementor-icon-list-item
a,
.elementor-widget.elementor-tablet-align-center
.elementor-icon-list-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-widget.elementor-tablet-align-center
.elementor-icon-list-item:after {
margin: auto;
}
.elementor-widget.elementor-tablet-align-left
.elementor-icon-list-items {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.elementor-widget.elementor-tablet-align-left
.elementor-icon-list-item,
.elementor-widget.elementor-tablet-align-left
.elementor-icon-list-item
a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.elementor-widget.elementor-tablet-align-right
.elementor-icon-list-items {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.elementor-widget.elementor-tablet-align-right
.elementor-icon-list-item,
.elementor-widget.elementor-tablet-align-right
.elementor-icon-list-item
a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.elementor-widget:not(.elementor-tablet-align-right)
.elementor-icon-list-item:after {
left: 0;
}
.elementor-widget:not(.elementor-tablet-align-left)
.elementor-icon-list-item:after {
right: 0;
}
}
@media (max-width: 767px) {
.elementor-widget.elementor-mobile-align-center
.elementor-icon-list-item,
.elementor-widget.elementor-mobile-align-center
.elementor-icon-list-item
a,
.elementor-widget.elementor-mobile-align-center
.elementor-icon-list-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-widget.elementor-mobile-align-center
.elementor-icon-list-item:after {
margin: auto;
}
.elementor-widget.elementor-mobile-align-left
.elementor-icon-list-items {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.elementor-widget.elementor-mobile-align-left
.elementor-icon-list-item,
.elementor-widget.elementor-mobile-align-left
.elementor-icon-list-item
a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.elementor-widget.elementor-mobile-align-right
.elementor-icon-list-items {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.elementor-widget.elementor-mobile-align-right
.elementor-icon-list-item,
.elementor-widget.elementor-mobile-align-right
.elementor-icon-list-item
a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.elementor-widget:not(.elementor-mobile-align-right)
.elementor-icon-list-item:after {
left: 0;
}
.elementor-widget:not(.elementor-mobile-align-left)
.elementor-icon-list-item:after {
right: 0;
}
}
</style>
<ul class="elementor-icon-list-items elementor-inline-items">
<li class="elementor-icon-list-item elementor-inline-item">
<a href="/category/announcements">
<span class="elementor-icon-list-text">Announcements</span>
</a>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<a href="/category/events">
<span class="elementor-icon-list-text">Events</span>
</a>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<a href="/category/insights">
<span class="elementor-icon-list-text">Insights</span>
</a>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<a href="/category/news">
<span class="elementor-icon-list-text">News</span>
</a>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<a href="/category/project-updates">
<span class="elementor-icon-list-text">Project Updates</span>
</a>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<a href="/category/node-info">
<span class="elementor-icon-list-text">Node Info</span>
</a>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<a href="/category/for-developers">
<span class="elementor-icon-list-text">For Developers</span>
</a>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<a href="/category/video-library">
<span class="elementor-icon-list-text">Videos</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-613a8fe elementor-hidden-tablet elementor-hidden-mobile"
data-id="613a8fe"
data-element_type="column"
>
<div class="elementor-widget-wrap elementor-element-populated">
<div
class="elementor-element elementor-element-2117bd4 elementor-search-form--skin-minimal elementor-widget elementor-widget-search-form"
data-id="2117bd4"
data-element_type="widget"
data-settings='{"skin":"minimal"}'
data-widget_type="search-form.default"
>
<div class="elementor-widget-container">
<form
class="elementor-search-form"
role="search"
action="https://xxn-02.site.strattic.io/search/"
method="get"
>
<div class="elementor-search-form__container">
<div class="elementor-search-form__icon">
<div class="e-font-icon-svg-container">
<svg
aria-hidden="true"
class="e-font-icon-svg e-fas-search"
>
<use xlink:href="#fas-search"></use>
</svg>
</div>
<span class="elementor-screen-only">Search</span>
</div>
<input
placeholder="Search..."
class="elementor-search-form__input"
type="search"
name="q"
title="Search"
value="metadata"
/>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-section elementor-top-section elementor-element elementor-element-3d35b932 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="3d35b932"
data-element_type="section"
>
<div class="elementor-container elementor-column-gap-default">
<div
class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e744838"
data-id="5e744838"
data-element_type="column"
>
<div class="elementor-widget-wrap elementor-element-populated">
<div
class="elementor-element elementor-element-2988a blog-main-grid elementor-posts--thumbnail-top elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-posts"
data-id="2988a"
data-element_type="widget"
data-settings='{"custom_columns":"3","custom_columns_tablet":"2","custom_columns_mobile":"1","custom_row_gap":{"unit":"px","size":35,"sizes":[]},"custom_row_gap_tablet":{"unit":"px","size":"","sizes":[]},"custom_row_gap_mobile":{"unit":"px","size":"","sizes":[]}}'
data-widget_type="posts.custom"
>
<div class="elementor-widget-container">
<link
rel="stylesheet"
href="https://xxn-02.site.strattic.io/wp-content/plugins/elementor-pro/assets/css/widget-posts.min.css"
/>
<div
class="ecs-posts elementor-posts-container elementor-posts elementor-grid elementor-posts--skin-custom"
data-settings='{"current_page":1,"max_num_pages":"5","load_method":"numbers_and_prev_next","widget_id":"2988a","post_id":18364,"theme_id":20697,"change_url":false,"reinit_js":false}'
>
{{{content}}}
</div>
{{{pagination}}}
</div>
</div>
</div>
</div>
</div>
</section>
Raw
Single result
<article
id="post-{{id}}"
class="elementor-post elementor-grid-item ecs-post-loop post-{{id}} post type-post status-publish format-standard has-post-thumbnail hentry category-news tag-blockchain tag-data-security tag-metadata tag-xx-network"
data-chref="{{url}}"
>
<div
data-elementor-type="loop"
class="elementor elementor-location-archive post-{{id}} post type-post status-publish format-standard has-post-thumbnail hentry category-news tag-blockchain tag-data-security tag-metadata tag-xx-network"
data-elementor-settings="[]"
>
<div class="elementor-section-wrap">
<section
class="elementor-section elementor-top-section elementor-element elementor-section-full_width post-image-part post-section elementor-section-height-default elementor-section-height-default"
data-element_type="section"
data-settings='{"background_background":"classic"}'
>
<div class="elementor-container elementor-column-gap-default">
<div
class="elementor-column elementor-col-100 elementor-top-column elementor-element"
data-element_type="column"
>
<div class="elementor-widget-wrap elementor-element-populated">
<div
class="elementor-element elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image"
data-element_type="widget"
data-widget_type="theme-post-featured-image.default"
>
<div class="elementor-widget-container">
<a
href="{{url}}"
>
{{#thumbnail_path}}
<img
width="1920"
height="1080"
src="{{thumbnail_path}}"
class="attachment-full size-full"
alt="{{title}}"
sizes="(max-width: 1920px) 100vw, 1920px"
/>
{{/thumbnail_path}}
</a>
</div>
</div>
<section
class="elementor-section elementor-inner-section elementor-element elementor-section-full_width loop-con-part elementor-section-height-default elementor-section-height-default"
data-element_type="section"
>
<div class="elementor-container elementor-column-gap-default">
<div
class="elementor-column elementor-col-100 elementor-inner-column elementor-element"
data-element_type="column"
>
<div
class="elementor-widget-wrap elementor-element-populated"
>
<div
class="elementor-element elementor-widget elementor-widget-heading"
data-element_type="widget"
data-widget_type="heading.default"
>
<div class="elementor-widget-container">
<h6
class="elementor-heading-title elementor-size-default"
></h6>
</div>
</div>
<div
class="elementor-element post-ttile-h elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading"
data-element_type="widget"
data-widget_type="theme-post-title.default"
>
<div class="elementor-widget-container">
<h2
class="elementor-heading-title elementor-size-default"
>
<a
href="{{url}}"
>{{title}}</a
>
</h2>
</div>
</div>
<div
class="elementor-element u-clamp--3 elementor-widget elementor-widget-text-editor"
data-element_type="widget"
data-widget_type="text-editor.default"
>
<div class="elementor-widget-container">
{{excerpt}}
</div>
</div>
<div
class="elementor-element elementor-widget elementor-widget-post-info"
data-element_type="widget"
data-widget_type="post-info.default"
>
<div class="elementor-widget-container">
<ul
class="elementor-inline-items elementor-icon-list-items elementor-post-info"
>
<li
class="elementor-icon-list-item elementor-inline-item"
itemprop="author"
>
<a
href="{{author.link}}"
>
<span
class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author"
>
{{author.displayName}}
</span>
</a>
</li>
<li
class="elementor-icon-list-item elementor-repeater-item-d8f231a elementor-inline-item"
itemprop="datePublished"
>
<span
class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date"
>
{{date}}
</span>
</li>
</ul>
</div>
</div>
<div
class="elementor-element readmore-title elementor-widget elementor-widget-heading"
data-element_type="widget"
data-widget_type="heading.default"
>
<div class="elementor-widget-container">
<h3
class="elementor-heading-title elementor-size-default"
>
<a
href="{{url}}"
>+ READ MORE</a
>
</h3>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
</div>
</div>
</article>
Raw
strattic-search.php
<?php
/**
* Add a body class to the search page.
*/
add_filter(
'body_class',
function ( $classes ) {
array_push( $classes, 'search search-results', 'elementor-template-full-width', 'hfeed', 'elementor-page-20697' );
if ( in_array( 'page-template-default', $classes ) ) {
unset( $classes[ array_search( 'page-template-default', $classes ) ] );
}
if ( in_array( 'page', $classes ) ) {
unset( $classes[ array_search( 'page', $classes ) ] );
}
if ( in_array( 'elementor-page', $classes ) ) {
unset( $classes[ array_search( 'elementor-page', $classes ) ] );
}
if ( in_array( 'page-id-21069', $classes ) ) {
unset( $classes[ array_search( 'page-id-21069', $classes ) ] );
}
if ( in_array( 'elementor-page-21069', $classes ) ) {
unset( $classes[ array_search( 'elementor-page-21069', $classes ) ] );
}
return $classes;
}
);
get_header();
?>
<style>
/*! elementor - v3.5.3 - 28-12-2021 */
.elementor-widget.elementor-icon-list--layout-inline
.elementor-widget-container {
overflow: hidden;
}
.elementor-widget
.elementor-icon-list-items.elementor-inline-items {
margin-right: -8px;
margin-left: -8px;
}
.elementor-widget
.elementor-icon-list-items.elementor-inline-items
.elementor-icon-list-item {
margin-right: 8px;
margin-left: 8px;
}
.elementor-widget
.elementor-icon-list-items.elementor-inline-items
.elementor-icon-list-item:after {
width: auto;
left: auto;
right: auto;
position: relative;
height: 100%;
border-top: 0;
border-bottom: 0;
border-right: 0;
border-left-width: 1px;
border-style: solid;
right: -8px;
}
.elementor-widget .elementor-icon-list-items {
list-style-type: none;
margin: 0;
padding: 0;
}
.elementor-widget .elementor-icon-list-item {
margin: 0;
padding: 0;
position: relative;
}
.elementor-widget .elementor-icon-list-item:after {
position: absolute;
bottom: 0;
width: 100%;
}
.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: inherit;
}
.elementor-widget
.elementor-icon-list-icon
+ .elementor-icon-list-text {
-ms-flex-item-align: center;
align-self: center;
padding-left: 5px;
}
.elementor-widget .elementor-icon-list-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.elementor-widget .elementor-icon-list-icon svg {
width: var(--e-icon-list-icon-size, 1em);
height: var(--e-icon-list-icon-size, 1em);
}
.elementor-widget .elementor-icon-list-icon i {
width: 1.25em;
font-size: var(--e-icon-list-icon-size);
}
.elementor-widget.elementor-widget-icon-list
.elementor-icon-list-icon {
text-align: var(--e-icon-list-icon-align);
}
.elementor-widget.elementor-widget-icon-list
.elementor-icon-list-icon
svg {
margin: var(
--e-icon-list-icon-margin,
0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0
);
}
.elementor-widget.elementor-list-item-link-full_width a {
width: 100%;
}
.elementor-widget.elementor-align-center
.elementor-icon-list-item,
.elementor-widget.elementor-align-center
.elementor-icon-list-item
a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-widget.elementor-align-center
.elementor-icon-list-item:after {
margin: auto;
}
.elementor-widget.elementor-align-center .elementor-inline-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-widget.elementor-align-left .elementor-icon-list-item,
.elementor-widget.elementor-align-left
.elementor-icon-list-item
a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.elementor-widget.elementor-align-left .elementor-inline-items {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.elementor-widget.elementor-align-right .elementor-icon-list-item,
.elementor-widget.elementor-align-right
.elementor-icon-list-item
a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.elementor-widget.elementor-align-right
.elementor-icon-list-items {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.elementor-widget:not(.elementor-align-right)
.elementor-icon-list-item:after {
left: 0;
}
.elementor-widget:not(.elementor-align-left)
.elementor-icon-list-item:after {
right: 0;
}
@media (max-width: 1024px) {
.elementor-widget.elementor-tablet-align-center
.elementor-icon-list-item,
.elementor-widget.elementor-tablet-align-center
.elementor-icon-list-item
a,
.elementor-widget.elementor-tablet-align-center
.elementor-icon-list-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-widget.elementor-tablet-align-center
.elementor-icon-list-item:after {
margin: auto;
}
.elementor-widget.elementor-tablet-align-left
.elementor-icon-list-items {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.elementor-widget.elementor-tablet-align-left
.elementor-icon-list-item,
.elementor-widget.elementor-tablet-align-left
.elementor-icon-list-item
a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.elementor-widget.elementor-tablet-align-right
.elementor-icon-list-items {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.elementor-widget.elementor-tablet-align-right
.elementor-icon-list-item,
.elementor-widget.elementor-tablet-align-right
.elementor-icon-list-item
a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.elementor-widget:not(.elementor-tablet-align-right)
.elementor-icon-list-item:after {
left: 0;
}
.elementor-widget:not(.elementor-tablet-align-left)
.elementor-icon-list-item:after {
right: 0;
}
}
@media (max-width: 767px) {
.elementor-widget.elementor-mobile-align-center
.elementor-icon-list-item,
.elementor-widget.elementor-mobile-align-center
.elementor-icon-list-item
a,
.elementor-widget.elementor-mobile-align-center
.elementor-icon-list-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.elementor-widget.elementor-mobile-align-center
.elementor-icon-list-item:after {
margin: auto;
}
.elementor-widget.elementor-mobile-align-left
.elementor-icon-list-items {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.elementor-widget.elementor-mobile-align-left
.elementor-icon-list-item,
.elementor-widget.elementor-mobile-align-left
.elementor-icon-list-item
a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.elementor-widget.elementor-mobile-align-right
.elementor-icon-list-items {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.elementor-widget.elementor-mobile-align-right
.elementor-icon-list-item,
.elementor-widget.elementor-mobile-align-right
.elementor-icon-list-item
a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.elementor-widget:not(.elementor-mobile-align-right)
.elementor-icon-list-item:after {
left: 0;
}
.elementor-widget:not(.elementor-mobile-align-left)
.elementor-icon-list-item:after {
right: 0;
}
}
</style>
<div data-elementor-type="archive" data-elementor-id="20697" class="elementor elementor-20697 elementor-location-archive" data-elementor-settings="[]">
<div class="elementor-section-wrap">
<div id="strattic-search-results"></div>
</div>
</div>
<?php
get_footer();
Raw
template override function
// Override Strattic settings.
add_filter( 'page_template', 'custom_strattic_search_template', 999 );
/**
* If a custom search template is present, then use it.
*
* @param string $template The current page template.
* @return string $template The custom page template.
*/
function custom_strattic_search_template( $template ) {
$request = wp_parse_url( filter_input( INPUT_SERVER, 'REQUEST_URI' ) );
if ( ! isset( $request['path'] ) ) {
return $template; // No request path available, so bail out.
}
// Example: $request['path'] for German is"/de/search/", so "search" isn't translated
$lanuage_prefixes = array(
'',
'/de',
'/es',
'/ja',
'/ru',
'/pt',
'/zh',
'/ko',
'/uk',
'/tr',
);
$request_uri = $request['path'];
$slug = 'search';
foreach( $lanuage_prefixes as $lang ) {
if (
$lang . '/' . $slug . '/' === $request_uri
||
$lang . '/' . $slug === $request_uri
) {
// We only want to set this template if it exists.
if ( file_exists( get_stylesheet_directory() . '/strattic-search.php' ) ) {
$template = get_stylesheet_directory() . '/strattic-search.php';
}
}
}
return $template;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment