Button not publishing correctly but works in Designer & Preview

Hi! I’m having trouble finding the cause of a button not publishing with the rest of the site.

I can see the button (its a product add to cart button) in the designer and in the preview, but it’s not showing up once on the live site.

The button in question is the Monthly Donation product’s “Donate Now” button.

The issue is happening on both the Home & Donate Pages.

What I see in preview & designer:

What I see on the live site:

I also don’t know how to fix the bubble around the dollar amount, but that’s just cause I’m still new and learning Webflow.

Here is my site Read-Only: Webflow - Crimson Collective

Thank you for any advice in advance!

1 Like

Try setting each of the three .Collection List Wrapper width to Auto instead of 50%. and then make the .Donation Options display to grid and make it three columns and one row and let me know if that solves the issue.

image

It seems like you’re working with some HTML and CSS code for web development, and you want to adjust the layout of a collection of elements. To achieve your requested changes, you can modify your CSS like this:

.CollectionListWrapper {
  width: auto;
}

.DonationOptions {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Three columns */
  grid-template-rows: 1fr; /* One row */
}

In the above code, we’ve set the width property of .CollectionListWrapper to auto, which means it will automatically adjust its width based on the content it contains. We’ve also updated the .DonationOptions class to use CSS Grid with three columns and one row. This should create the desired layout for your elements.

Make sure to adjust your HTML structure and class names to match your specific code, and include this CSS in your stylesheet to apply the changes.

Thank you for your response! I made those changes but no dice, it’s still not showing up on the published site.