Force images in Feature Columns section to one row - Debut Theme

Hello,

I currently have 6 images in this section which are appearing on 2 rows. I would like to force all 6 to 1 row. Here is a link to my store preview. https://o4y5g9492apsw0xd-68119757090.shopifypreview.com

1 Like

Hi @md249 ,

Thank you for providing a link. Can you provide the link to this images?

Hi @made4Uo

Here you go. It will vary by page but any guidance is helpful.

Fiber: https://cdn.shopify.com/s/files/1/0681/1975/7090/files/Bar_Fiber_Claim_5c95f6bd-3b54-4701-845a-859376e01877.png?v=1677710488

Busy Days: https://cdn.shopify.com/s/files/1/0681/1975/7090/files/Ideal_for_Busy_Days_8db29816-1a7c-4c54-ba22-bc2141cef5be.png?v=1677610600

Real Fruit: https://cdn.shopify.com/s/files/1/0681/1975/7090/files/Real_Fruit_bda8963e-aa11-4121-89ca-d45d3e09be8b.png?v=1677610581

Vitamin C: https://cdn.shopify.com/s/files/1/0681/1975/7090/files/Vitamin_C_9905a8a0-8765-42c8-b2c0-5945d513bb0d.png?v=1677610531

Vegan: https://cdn.shopify.com/s/files/1/0681/1975/7090/files/Vegan_a852e190-847f-4c42-8d53-3d22538d782f.png?v=1677610493

Nuts: https://cdn.shopify.com/s/files/1/0681/1975/7090/files/90_Fruit_Nuts_Seeds_69ed581c-3644-4a4f-a253-e923a76ad800.png?v=1677610414

Hi @md249 ,

Sorry I didnt make my self clear. Where is this section of images at? I do not see it in your home page. Can you provide the link to that page?

Hi @made4Uo

Sorry, Its on each of the product pages: https://o4y5g9492apsw0xd-68119757090.shopifypreview.com/products/mixed-berry-chia-bar-4-pack

@md249

Thank you. Please use the code below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the theme.css file
  3. At very end of the code, add the code below
#shopify-section-feature-columns-claims-bars .grid.grid--uniform.grid--flush-bottom {
    display: flex;
}

Thank you @made4Uo ! That worked!

1 Like