Hey there,
I assume you mean the delivery button… Is there a reason why you used an SVG for that instead of just making a proper button? WooCommerce is likely calling the lightbox to display it based on some class or something to do with the fact that it is an image. It seems to be displaying it like the product images.
I would use a proper button and style it with CSS.
Let me know if I misunderstood. The more info you can provide, the better I can try to help.
Yes that is correct, i wanted to make a custom button which was resposnive while the Or in the image non responsive. When i add the image to a post or page in my site which is not woo commerce it still has the same effect. Is there a way you know where i can disable the light box for that particular image?
How would i go about making a proper button?
Kind regards,
Jack
actually dont worry about it, ive fixed the solution by using mapping and changing the class
Glad you got it sorted 🙂
But to make a normal button, you would just use some simple HTML/CSS for example:
<span class="your-or">- or -</span>
<a class="your-delivery-button" href="#"><span class="your-icon"></span>Setup a repeat delivery</a>
.your-or {}
.your-delivery-button {}
.your-icon {}
Then just set the font sizes, colors, background, padding and everything in that CSS. But sounds like you’ve got a solution for now 🙂
