Skip to main content
Solved

How do I float a button over an image in a column?

  • November 2, 2023
  • 2 replies
  • 1429 views

Forum|alt.badge.img+1

How do I have a series of product images with buttons that float over the images in two columns? I can place the button below or above the image but not on top.  I am concerned about accessibility if I embed the button into the image? Suggestions?

 

Best answer by Omar

Hi @JHConnell

It can be done but will take some coding skills and you also need to make sure it works in all email clients. The easiest way would of course be static images. It will take some work and a good coder to get this working. Images would be faster, make them stack on mobile to keep button and text sizes visible.

 

Omar Lovert // Polaris Growth // Klaviyo Master Platinum Partner

We help with e-commerce growth through CRO, Klaviyo and CVO

View original
Did this topic or the replies in the thread help you find an answer to your question?

2 replies

Taylor Tarpley
Community Manager
Forum|alt.badge.img+60
  • Community Manager
  • 2148 replies
  • November 2, 2023

Hi there @JHConnell

 

Welcome to the Community! Happy to help!

 

While I have not run considered this specific issue before, stacking the features on top of each other could pose accessibility issues.

 

While we offer various resources best practices for accessibility in email and forms, we recommended seeking the advice of a qualified lawyer to be compliant with applicable laws!

 

Hope this helps! 

-Taylor 


Omar
Partner - Platinum
Forum|alt.badge.img+46
  • 2025 Champion
  • 494 replies
  • Answer
  • November 3, 2023

Hi @JHConnell

It can be done but will take some coding skills and you also need to make sure it works in all email clients. The easiest way would of course be static images. It will take some work and a good coder to get this working. Images would be faster, make them stack on mobile to keep button and text sizes visible.

 

Omar Lovert // Polaris Growth // Klaviyo Master Platinum Partner

We help with e-commerce growth through CRO, Klaviyo and CVO