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

Rex306
Tourist
3 0 1

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
Shopify Partner
1487 243 692

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

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
KetanKumar
Shopify Partner
14570 1676 5227

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Rex306
Tourist
3 0 1

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

0 Likes
Rex306
Tourist
3 0 1

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

0 Likes
KetanKumar
Shopify Partner
14570 1676 5227

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing