How to add a button over an image

Support
#1

How do I add a button on top an image? I need to do this for 3 separate images in a section with 3 columns.

I can’t figure out how to do this in cornerstone. It should look like the attached photo.

#2

Hello There,

Thanks for writing in!

To achieve what you have in mind, you will need to do this:

  • Create the page in Cornerstone and make the necessary columns.
  • Insert your images in each of the columns
  • Insert the buttons below each of the image in their respective columns
  • In you buttons, find the “Customize” tab and insert a custom my-fix-button class
  • And insert the following custom css in the settings tab, Settings > Custom CSS 
.x-btn.my-fix-button {
  position: absolute;
  top: 35%;
  left: 50%;
  margin-left: -100px;
}

where in the -100px is the negative value of the half width of your button assuming your button width is 200px. You will need a negative left margin value so that the button will always stays at the center.

Hope this helps. Please let us know if this works out for you.

#3

This worked! Thank you!