How can I add a dark security badge to the Vantage theme?

[kbuzz]

I am looking to add the dark colored Shopify security badge to the Vantage theme code of my store but I don't know where to insert it. 

<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow"
>
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-dark.svg"
alt="Shopify secure badge"
>
</a>

[ArturoLopez · Accepted solution]

@kbuzz what theme are you working in?

[Dirk]

Hey, @kbuzz 

Is there a particular area on the website where you would like this badge to display?

[kbuzz]

I would like it inserted in the footer 

[ArturoLopez · Accepted solution]

@kbuzz what theme are you working in?

[kbuzz]

Vantage

[ArturoLopez]

ok in that case I don't have access to their specific code. I wont be able to give you file names to reference but I can share the overall process to follow

1. Open Edit Code
2. Under the Sections folder, look for the footer file (usually footer.liquid)
3. Locate the place in the code where you would like to place the image
For example, if you have a section that is for the copyright (© 2022 Vantage - Powered by Shopify), you would look for that section in the code, and paste yours above or below that.


In a Dawn theme, the final block of code would look like this

<div class="footer__copyright caption">
<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow">
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-dark.svg"
alt="Shopify secure badge">
</a>
<small class="copyright__content">&copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: routes.root_url }}</small>
<small class="copyright__content">{{ powered_by_link }}</small>
</div>

Hope that helps

[kbuzz]

I deleted the section that is for the copyright (© 2022 Vantage - Powered by Shopify). Is there alternate way to find that area? 

[ArturoLopez]

whats the website url?

[ArturoLopez · Accepted solution]

you want to paste your code snippet within the <div> element where you want it showing. for example

<div class="footer-text tablet-6 mobile-3 footer-sect">
<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow"
>
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-dark.svg"
alt="Shopify secure badge"
>
</a>