Collection title overlays aren't centered and have bottom padding

[aimeegadams]

I figured out how to add text overlay to my collection titles, and everything appears to show "center" in the coding, but it actually isn't centered.  I also have a padding under the picture (where the collection title was that before I moved it as an overlay) and cannot figure out how to remove that. I cannot figure out how to add a screen shot of the site to show what I am talking about, but my website is littlewayboutique.com.  Can anyone help?

[Moeed · Accepted solution]

Hey @aimeegadams 

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>
.collection-list-wrapper slider-component .card--media .card__content {
    justify-content: center !important;
    align-items: center !important;
    padding-top: 0 !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed