How can I insert a logo into my website footer?

[SDEmporium]

Hi everyone, I’m looking for a bit of help with my footer.

I’d like to add my Guild Of Jewellery Designers logo into the footer on my website (as placed in picture) however when I have searched on how to do it I’m being told to alter a piece of code that I just cannot seem to find!

Can anyone help? I’ve added a picture of where I want to place it.

Thank you in advance
Suzanne

[BSS-Commerce]

Hi @SDEmporium ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.

[SDEmporium]

Sorry for the late reply, do you mean website? my store link is shattereddynasty.co.uk there is no password.

[BSS-Commerce]

Hi @SDEmporium

Please follow these steps:

1. Login your Shopify account and go to “Online store > Themes”

2. Click on the “Action” button and go to “Edit code”

3. Find “footer.liquid” page in the Layout section and open the file

4. Search Element “site-footer__newsletter”

5. Paste the code after the element “site-footer__newsletter”

    ![327360570_502464665345777_3787564284953917280_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=09cbfe&_nc_ohc=Spb1QYLFKp0AX_lY9du&_nc_ht=scontent.fhan17-1.fna&oh=00_AfACE7DS_-rBs6ROCmckGKidzEblvX1zDtnx-AkTWGXJgQ&oe=63DF543A](https://scontent.fhan17-1.fna.fbcdn.net/v/t39.30808-6/327360570_502464665345777_3787564284953917280_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=09cbfe&_nc_ohc=Spb1QYLFKp0AX_lY9du&_nc_ht=scontent.fhan17-1.fna&oh=00_AfACE7DS_-rBs6ROCmckGKidzEblvX1zDtnx-AkTWGXJgQ&oe=63DF543A)

6. Save and see the results.

I hope that this can help you solve the issue.

[SDEmporium]

No that didn’t work and I don’t have the search bar on the bottom so I had scroll to find it.

[BSS-Commerce]

Hi @SDEmporium

• It seems that the old URL of the image has a problem, you should reattach the image URL in the following ways:

• Step 1: Open Theme => Edit code

• Step 2: Find “footer.liquid” page in the Layout section and open the file.

• Step 3: Search Element “site-footer__newsletter” and paste the code after the element "site-footer__newsletter" (Please pay attention to attach it after this element)

    ![327360570_502464665345777_3787564284953917280_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=09cbfe&_nc_ohc=rzc_c--ScJcAX_cmrG2&_nc_ht=scontent.fhan17-1.fna&oh=00_AfDdp3ogI4f4dhl0RGSK0qoB45f9mvcBApA37Bf2OzKDqQ&oe=63E73D3A](https://scontent.fhan17-1.fna.fbcdn.net/v/t39.30808-6/327360570_502464665345777_3787564284953917280_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=09cbfe&_nc_ohc=rzc_c--ScJcAX_cmrG2&_nc_ht=scontent.fhan17-1.fna&oh=00_AfDdp3ogI4f4dhl0RGSK0qoB45f9mvcBApA37Bf2OzKDqQ&oe=63E73D3A)

• Step 4: Save your code and check the result.

I hope that this can help you solve the issue.

[SDEmporium]

Hi, no that didn’t work for me, i got the same result as before. I did however decide to re-upload the asset, then get the direct link to that andit seems to have added the image i wanted just not in the correct way. Part of it is cut off. I’m going to contact the guild of jewellery designers and see if they have any suggestions as it may need settings adjusting.

Thank you for your help

[BSS-Commerce]

Hi @SDEmporium

To fix the error of losing part of the image, follow these steps:

Step 1: Open Theme => Edit code


Step 2: Find “theme.css” and paste this code below the file:

.site-footer__item-inner.site-footer__item-inner--newsletter img {
    object-fit: unset !important;
}

Step3: Save and check your result

I hope that this can help you.