Shifting copyright part in the footer to the middle.

Highlighted
Tourist
12 0 2

Hi,

I want to move the Copyright part to the middle of the website in the footer.
Also the social media icons to the left of the website footer.

https://kosawellbeing.myshopify.com/

Thanks

0 Likes
Highlighted
Shopify Partner
1159 247 344

Hey there,

You need to change little bit liquid html.

I tried please check attached screenshot.

copyright.jpg

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
12 0 2

{% capture theme_settings_link %}<a href="/admin/themes/{{ theme.id }}/settings">{{ 'layout.footer.theme_settings' | t }}</a>{% endcapture %}

<footer class="site-footer small--text-center" role="contentinfo">
<div class="wrapper">

<div class="grid">

{% for block in section.blocks %}

{% case block.settings.width %}
{% when '16%' %}
{%- assign block_width = 'small--one-whole two-twelfths' -%}
{% when '25%' %}
{%- assign block_width = 'small--one-whole one-quarter' -%}
{% when '33%' %}
{%- assign block_width = 'small--one-whole one-third' -%}
{% when '50%' %}
{%- assign block_width = 'small--one-whole one-half' -%}
{% when '66%' %}
{%- assign block_width = 'small--one-whole two-thirds' -%}
{% when '75%' %}
{%- assign block_width = 'small--one-whole three-quarters' -%}
{% when '100%' %}
{%- assign block_width = 'one-whole' -%}
{% endcase %}


<div class="grid-item {{ block_width }}">
{% if block.settings.title %}
<h3>{{ block.settings.title | escape }}</h3>
{% endif %}

{% case block.type %}

{% when 'menu' %}
<ul>
{% for link in linklists[block.settings.menu].links %}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{% else %}
{% capture theme_settings_footer_linklist_path %}<strong>Footer</strong> > <strong>Quick links link list</strong>{% endcapture %}
{{ 'layout.footer.instructions_for_linklist_html' | t: theme_settings_link: theme_settings_link, theme_settings_footer_linklist_path: theme_settings_footer_linklist_path }}
{% endfor %}
</ul>

{% when 'text' %}

{% if block.settings.richtext != blank %}
{{ block.settings.richtext }}
{% else %}
<p>{{ 'layout.footer.instructions_for_text_content_html' | t: theme_settings_link: theme_settings_link }}</p>
{% endif %}


{% when 'newsletter' %}
<div class="site-footer__newsletter-subtext">
{% if block.settings.subtext != blank %}
{{ block.settings.subtext }}
{% endif %}
</div>
{% include 'newsletter-form' with button: 'secondary' %}
{% endcase %}
</div>
{% endfor %}

</div>

{% if section.settings.social_enabled or section.settings.legal_menu != blank %}
<hr class="hr--small">
{% endif %}

<div class="grid">
{% if section.settings.legal_menu != blank %}
<div class="grid-item{% if section.settings.social_enabled %} large--two-fifths{% else %} one-whole text-center{% endif %}">

<ul class="legal-links inline-list">
{% for link in linklists[section.settings.legal_menu].links %}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if section.settings.social_enabled %}
<div class="grid-item{% if section.settings.legal_menu != blank %} large--three-fifths text-right{% else %} one-whole text-center{% endif %}">
<ul class="inline-list social-icons">
{% if settings.social_twitter_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_twitter_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Twitter' | escape }}">
<span class="icon icon-twitter" aria-hidden="true"></span>
<span class="fallback-text">Twitter</span>
</a>
</li>
{% endif %}
{% if settings.social_facebook_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_facebook_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Facebook' | escape }}">
<span class="icon icon-facebook" aria-hidden="true"></span>
<span class="fallback-text">Facebook</span>
</a>
</li>
{% endif %}
{% if settings.social_pinterest_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_pinterest_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Pinterest' | escape }}">
<span class="icon icon-pinterest" aria-hidden="true"></span>
<span class="fallback-text">Pinterest</span>
</a>
</li>
{% endif %}
{% if settings.social_google_plus_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_google_plus_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Google' | escape }}" rel="publisher">
<span class="icon icon-google_plus" aria-hidden="true"></span>
<span class="fallback-text">Google</span>
</a>
</li>
{% endif %}
{% if settings.social_instagram_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_instagram_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Instagram' | escape }}">
<span class="icon icon-instagram" aria-hidden="true"></span>
<span class="fallback-text">Instagram</span>
</a>
</li>
{% endif %}
{% if settings.social_snapchat_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_snapchat_link }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Snapchat' | escape }}">
<span class="icon icon-snapchat" aria-hidden="true"></span>
<span class="fallback-text">Snapchat</span>
</a>
</li>
{% endif %}
{% if settings.social_tumblr_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_tumblr_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Tumblr' | escape }}">
<span class="icon icon-tumblr" aria-hidden="true"></span>
<span class="fallback-text">Tumblr</span>
</a>
</li>
{% endif %}
{% if settings.social_youtube_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_youtube_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'YouTube' | escape }}">
<span class="icon icon-youtube" aria-hidden="true"></span>
<span class="fallback-text">YouTube</span>
</a>
</li>
{% endif %}
{% if settings.social_vimeo_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_vimeo_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Vimeo' | escape }}">
<span class="icon icon-vimeo" aria-hidden="true"></span>
<span class="fallback-text">Vimeo</span>
</a>
</li>
{% endif %}
{% if settings.social_fancy_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_fancy_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Fancy' | escape }}">
<span class="icon icon-fancy" aria-hidden="true"></span>
<span class="fallback-text">Fancy</span>
</a>
</li>
{% endif %}
</ul>
</div>
{% endif %}
</div>
<hr class="hr--small">
<div class="grid">
<div class="grid-item{% unless shop.enabled_payment_types == empty %} large--two-fifths{% endunless %}">
<ul class="legal-links inline-list">
<li>
&copy; {{ 'now' | date: '%Y' }} {{ shop.name | link_to: routes.root_url }}
</li>
<li>
{{ powered_by_link }}
</li>
</ul>
</div>

{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}
<div class="grid-item large--three-fifths large--text-right">
<span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
<ul class="inline-list payment-icons">
{%- for type in shop.enabled_payment_types -%}
<li>
{{ type | payment_type_svg_tag: class: 'icon' }}
</li>
{%- endfor -%}
</ul>
</div>
{%- endunless -%}
{%- endif -%}

</div>

</div>

</footer>

Can you tell me where exactly i have to make the changes ? Cause i tried and its not working.

Thanks





0 Likes
Highlighted
Shopify Partner
1159 247 344

HI

please email me your staff account details I can try to solve your problem.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes