How to left align the "Back to Collection" link on Shopify Venture product page

[Rex306]

Hi, can anyone help me left align my "back to collection" link on Shopify Venture product page. I managed to put the link at the top of the page by pasting the following in product-template.liquid

{% if collection %}
<div class="text-left" style="text-align:left; margin-bottom:40px;">
<a href="{{ collection.url }}" class="h1 return-link">
{% include 'icon-arrow-thin-left' %}
{{ 'products.product.collection_return' | t: collection: collection.title }}
</a>
</div>
{% endif %}

And now I'd like to move the link so it's aligned on the left.

Thank you!

[paramSoft]

Please provide website url and if your store is password protected then also provide password

[KetanKumar]

@Rex306 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[Rex306]

Dear Paramsoft,

Thank you for you reply. The URL is https://a-w-porter-and-son.myshopify.com/collections/rings/products/sapphire-and-diamond-cluster-rin...

I'd like the "Back to Rings" (Back to whichever collection you clicked from) link at the top aligned to the left if at all possible.

Many thanks,

Rex

[Rex306]

Dear Ketan,

Thank you for you reply. The URL is https://a-w-porter-and-son.myshopify.com/collections/rings/products/sapphire-and-diamond-cluster-rin...

I'd like the "Back to Rings" (Back to whichever collection you clicked from) link at the top aligned to the left if at all possible.

Many thanks,

Rex

[KetanKumar]

@Rex306 

Thanks for details 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

a.h1.return-link {
    max-width: 1180px;
    text-align: left;
    margin: 0px auto;
}