Change Bundle Layout

With Revy Bundles you have the freedom to change the Bundle layout the way you want using the Custom CSS feature.

We have written the Custom CSS if you want your Quantity Bundle to look like these:

Go to Settings > Advanced and add this Custom CSS:

.revy-bundle-products {
	display: none !important;
}

.revy-bundle-products.revy-bundle-products-quantity-variants-open {
	display: flex !important;
}
.revy-bundle-action {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.revy-bundle-add-button {
	min-width: 120px !important;
	margin-right: 20px !important;
}

#revy-bundle-wrapper .revy-bundle-title {
	text-align: center;
}

Save it and it's done.