Reduce top padding and adjust product title position in bundle product card

Store Design
, , , ,

Topic summary

A user seeks to remove top padding between product images and titles in a bundle product card to align titles and prices across bundled items. They’re using the free Bundler app with the Dawn v14 theme.

Solution Provided:
A community member shared custom CSS code to address the spacing issue:

  • Target .brnld-product-image-url with margin: 0 !important
  • Adjust .brnld-product-qn-container with margin-bottom: 0
  • Modify .brnld-product-price with margin-bottom: auto

Implementation:
Add the CSS to the theme’s base.css file via the ‘Edit Code’ option in theme settings.

Status:
Initially marked as working, but the original poster later reported the solution didn’t work for them. The helper offered continued support through tagging or private messages for further troubleshooting.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

I want to remove the top padding between the product title of my bundle product and the product image. So the product title and price can be aligned for the two products in teh bundle. Refer to the image below. The app I use is a free app called Bundler and the theme is Dawn v14. I can add custom css to this widget on my shopify store but I do not know how to code. Can anyone help me with this issue? Thank you very much.

Screenshot 2024-05-23 at 4.25.10 PM.jpg
Screenshot 2024-05-23 at 4.25.10 PM.jpg690×756 53.6 KB

2

Hi,

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I’ll help.

Navigate to the ‘Edit Code’ option in your theme settings, then search for “base.css” in the search bar and add below codes.

.bndlr-product-qn-container {
    margin-bottom: 0;
}

.bndlr-product-image-url {
    margin: 0 !important;
}

.bndlr-product-price {
    margin-bottom: auto;
}

shopify.base.css.jpg
shopify.base.css.jpg1878×902 166 KB

Terence

3

Thank you very much. This code works very well.

4

Unfortunately this doesn’t work for me.

5

You are welcome :wink:

Let me know if you need any further assistance. Feel free to tag me or send a private message when opening a new topic. If I find time outside of our software and “Shopify Premium Support” service, I can assist.

Best regards.

Terence.