How to edit social icons in footer [MINIMAL Theme]

Solved
New Member
23 0 0

Hi there,

 

I'd like to move my social icons so that they are underneath the text in the first part of the footer ('designer intro') and I'd also like to make the icons smaller. Does anyone know how to do this? 

Also while we're here, if anyone knows how to remove the text 'copyright' that would be great too (ideally I'd just like the little copyright sign) 

 

My shop link: https://amy-tarah-designs.myshopify.com 

Password: fluvuy 

0 Likes
Highlighted
Tourist
5 1 0

Hi Amy, I'm not too sure about the social icons but to remove the copyright you need to open the theme editor on the bottom where it says theme settings expand the drop down to go into 'Edit language' then go to the layout tab and scroll to the bottom remove copyright and save. Hope that helps.

0 Likes
Shopify Partner
1657 278 347

Hi @awills 

Follow this:

 

A. Move icon underneath the text.

1. Go to Online Store->Theme->Edit code
2. Section->footer.liquid-> find {% include 'social-links' %} and place it next to {{ block.settings.richtext }} this div

So it look like:

{% when 'text' %}
        <div class="grid__item {{ column_width }}">
         <h3 class="h4">{{ block.settings.title | escape }}</h3>
         <div class="rte">{{ block.settings.richtext }}</div>
         {% include 'social-links' %}
      </div>

 

B.  remove the text 'copyright'

2. Section->footer.liquid-> find {{ 'layout.footer.copyright' | t }} and remove it.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
23 0 0

Hi Jasoliya,

 

Thank you for the help!

 

I did that but now I have a space where the social icons used to be and it still says 'follow us' there, screenshot attached below. How do I rectify this?
Also do you know how to make the icons smaller?
Thanks :) 

 

Screenshot 2019-07-19 at 11.12.39.png

0 Likes
Shopify Partner
1657 278 347

Follow this:

1. Find bellow code in footer file and make it comment/remove.

 {% when 'social' %}
          <div class="grid__item {{ column_width }}">
            <h3 class="h4">{{ 'layout.footer.social_title' | t }}</h3>
              {% comment %}
                Loop through the social network links
              {% endcomment %}
          </div>

2. Add bellow css in Asset->theme.scss file at bottom of page;

.social-icons li .icon{     font-size: 18px; }

You can play with font size as you want. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
23 0 0

Thank you!

 

What do you mean by 'make it comment/remove'?

0 Likes

Success.

Shopify Partner
1657 278 347
{% comment  %}
{%
when 'social' %} <div class="grid__item {{ column_width }}"> <h3 class="h4">{{ 'layout.footer.social_title' | t }}</h3> {% comment %} Loop through the social network links {% endcomment %} </div>
{% endcomment %}

Like this.

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
23 0 0

Hello,


I replaced it with the code you suggested but now this has happened: 

 

Screenshot 2019-07-19 at 14.22.53.png

0 Likes
Shopify Partner
1657 278 347

It's because of you missed any div. Check code proper.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
23 0 0

Oops! Just spotted and corrected it. Thank you so much for your help! 

0 Likes