I have arranged collections into a grid on the main page of my website. The images are sitting outside of the image frame. How do I fix the code so that the images sit back within the image frame? ( I recall it becoming misaligned after trying to fix some code to amend my gift card template ). Help please. I have searched for answers but not having any luck.
Hi There,
Thank you for reaching out to the Shopify forums!
Let me quickly fix that issue for you.
Please share your store URL here and allow me to check for you.
Thanks & Regards,
Prezen Tech
Hi @LynnieHHHY
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->theme.scss.css->paste bellow code in top of file
.vertical-middle {
transform: unset !important;
}
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Richard | PageFly
Oh it worked! I am so happy. Thank you very much.
I had been trying to find answers for about 2 hours.
Hi @LynnieHHHY They are looking good now
I could have saved lots of time today if I had asked earlier. I tried my best to learn but it had me confused.