CSS Image with text

Store Design
,
2

Hi @GadVenin .

Here’s how to achieve that:

  1. Go to “Online Store”
  2. Three dots → Edit Code
  3. Find the base.css file
  4. Add the following code at the bottom of the file
  5. Save and refresh the target store page
@media screen and (min-width: 750px) {
    .grid--3-col-tablet .grid__item {
        max-width: 600px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

If done correctly, the result should be like this:

Screenshot_3.png
Screenshot_3.png1012×668 42.2 KB

I hope this helps!

If you don’t want to edit the theme code directly, you can use a code injection app like the one in my signature.