New Shopify Certification now available: Liquid Storefronts for Theme Developers

Push text closer to images

12 0 1



I am trying to find a way to restrict how much distance there is between the text and an image. Currently, my page looks like this:



I think the text is too far from the images, and it gets even farther apart when you increase the size of the window. 


Here is the link to the page:


Is this a setting done in the theme, or would this be a custom code addition?


Replies 4 (4)
2860 684 718

Hi @jimlahren,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (min-width: 1025px) and (max-width: 1400px) {
  #shopify-section-template--16626108924135__27d90c29-933f-479c-86a1-ceeb83448440 .caption-content,
#shopify-section-template--16626108924135__92306fc3-a5f6-4495-aca2-7131797dcaa2 .caption-content {
      margin-left: 5% !important;
@media only screen and (min-width: 1401px) {
  #shopify-section-template--16626108924135__27d90c29-933f-479c-86a1-ceeb83448440 .caption-content,
#shopify-section-template--16626108924135__92306fc3-a5f6-4495-aca2-7131797dcaa2 .caption-content {
     margin-left: 25% !important;

it will show like this:



LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Shopify Partner
12 0 3

Didn't work in the crave theme.

Shopify Expert
2942 394 414

Hi @jimlahren 

You can find these classes in the style.css file and edit the width of that class as you like. The initial default of the theme is set to 40%.

view (36).png

I hope that this is useful to you. Please let me know if you need any further help.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Shopify Partner
7865 1785 3020

Hi @jimlahren,


This is PageFly - Free Landing Page Builder. 


You can add this code at the very bottom of your CSS file


.caption.text-align-left.align-middle {

    display: flex;

    justify-content: space-around;



Hope this can help you solve the issue.


Best regards,