MOVE FONT BENEATH PICTURE ON GRID

[Luxurymrkt]

Hi,

I want to move the font under the picture and change to black for all my grid item. My site is https://h9o667dnhzj5ob47-84365082931.shopifypreview.com

Thank you.

Mike

[Dotsquares]

Hi @Luxurymrkt Thanks for posting.

Kindly follow the steps below.

Go to the themes and click on Edit Code and in the product-card-grid.liquid file and ensure the code looks like the below:-

{{ product.title }}

let me know if this works for you.

[Vinsinfo]

@Luxurymrkt Please follow the below steps to move text content under image and change the text color to black. Let us know whether it is helpful for you.

1. Go to “Online Store” → “Themes”.
2. Click “Customize” button from the current theme.
3. Go to Collection page and then click ''Grid" section.

4. Then scroll down and paste the below code at “Custom CSS” option and save changes.

.grid-item a.grid-item__inner {
    height: auto;
}
.grid-item .grid-item__image, .grid-item .image__img {
    position: relative;
}
.grid-item__text-container * {
    color: #000;
}
.grid-item__overlay {
    display: none;
}

Now the result look like below attached image.

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.