Out text beneath all grid images

Store Design
, , , , , , , ,

Topic summary

A user wants to reposition text that currently overlaps grid images on their Shopify store (vazluxe.com), creating white space between images and text below them.

Initial Solution Attempted:

  • CSS code was provided targeting .grid__item .card__content and .grid__item .card__media
  • Included position: relative, margin-top: 10px, and display: block properties

Current Status:

  • The CSS solution did not resolve the overlapping issue
  • The helper acknowledged that inspecting the theme’s specific section code and modifying the HTML structure may be necessary
  • User is awaiting further guidance on how to achieve the desired layout

The discussion remains open with the problem unresolved, requiring deeper investigation into the theme’s HTML structure beyond CSS adjustments.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I want to move the text below the grid images. So there’s white space showing the image then text: My site is https://vazluxe.com

E3FD4413-00AC-4348-98DE-F3FFC0C7EFF7.jpeg
E3FD4413-00AC-4348-98DE-F3FFC0C7EFF7.jpeg1170×2532 267 KB

2

Hi @Luxurymrkt To move the text below the grid images, you’ll need to adjust the CSS in your theme.

.grid__item .card__content {
position: relative;
text-align: center; /* Adjust as needed /
margin-top: 10px; / Adds space between image and text */
}
.grid__item .card__media {
display: block;
}

If the text is still overlapping let me know as you need to inspect your theme’s specific section code and modify the HTML structure

3

Hi thanks. I’ve added the code but it still overlaps.

4

@Dotsquares Hi, Any update on how to achieve this? Thank YOu