How align collection list title to image edge

[jewellerystore1]

Hi there,

I would like the headings below the collection image and below product images to align to the left edge of the image and also be higher up to the image. 

 

To match this example:

Website: https://nuijewellery.com.au/collections/rings

Theme: Dawn

Thank you!

 

[Moeed · Accepted solution]

Hey @jewellerystore1 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card__information {
    padding: 0 !important;
}
.card__content {
    padding-top: 0 !important;
    padding-left: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[jewellerystore1]

Thanks so much! This worked 🙂

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[DelightCart]

@jewellerystore1 

Go to assetes/component-card.css and Paste below css at bottom of file.

.card__content {padding: 0px !important}

[jewellerystore1]

Thank you!!

[wo]

[jewellerystore1]

Thank you! This fixed the product page text alignment but not the collection titles on my home page?

[jewellerystore1]

All good all fixed!