New version break the design
-
Dear WishSuite Support Team,
I’m writing to report a CSS compatibility issue that was introduced in version 1.5.0 of your WishSuite plugin.
Problem Description:
After updating from WishSuite 1.4.9 to 1.5.0, the wishlist and evertcompare buttons are no longer displaying side-by-side as they did in the previous version.
I was using this custom css on my style.css.
The buttons are now stacking vertically instead of being aligned horizontally.
Technical Details:- Working Version: 1.4.9 (buttons displayed side-by-side)
- Broken Version: 1.5.0 (buttons stacked vertically)
- Issue: The new CSS rule li.wc-block-product.product { position: relative; } added at the beginning of frontend.css is interfering with custom button positioning
HTML Structure: The wishlist button appears inside the <form> element after the “Add to Cart” button, while the compare button is in a separate <span class=”htcompare-button-area”> container outside the form. This structure worked fine in 1.4.9 but is now broken in 1.5.0.
Expected Behavior:
Both buttons should display side-by-side horizontally, as they did in version 1.4.9.
Current Behavior:
The buttons are stacking vertically, breaking the intended layout.
<canvas width=”0″ height=”60″></canvas><canvas width=”0″ height=”60″></canvas>Request: Could you please review the CSS changes in version 1.5.0 and provide a fix that maintains backward compatibility with existing custom layouts?
The new position: relative rule seems to be causing unintended side effects for users who have custom button positioning.
Additional Information:- WordPress Version: Latest
- WooCommerce Version: Latest
- Theme: GeneratePress (child theme)
- Other plugins: Ever Compare (compare functionality)
Thank you for your attention to this matter. I look forward to your response and a potential fix in the next update.
PS: I was using below code in my style.css since years..htcompare-btn {
display: inline-block;
margin-top: 15px;
}
.htcompare-btn, .wishsuite-btn {
color : #3a3a3a;
}
.wishsuite-product-after_cart_btn {
display: inline-block;
margin-left: 40px;
margin-bottom: 5px;
}
.wishsuite-product-image img {
max-width: 100px;
max-height: 100px;
width: auto;
height: auto;
aspect-ratio: 1;
object-fit: contain;
}
You must be logged in to reply to this topic.