Button Image Advice

Hi Guys,

I am just looking for a bit of advice. I want to put a png image at the bottom right of my buttons like this image here (the pixel phone box):

I am doing a layout of buttons and would like to try and add a corner image that hugs the corner of each button but is not seen outside of the button and was wondering how i could achieve that. here is my layout so far:

Many thanks, i hope you are all well.

Chris

Hi Chris,

Thank you for writing in, on your Button element, enable the Graphic option, and add your image to the button.

Enable the Reverse option on the button flexbox option (https://i.imgur.com/8JFhCQy.png), this will arrange the text on the left and the image on the right.

The Graphic has its own margin controls, set that like this (https://i.imgur.com/MHEXprd.png) so the graphic will be push to the bottom right.

Set the button’s bottom and right padding to 0 so the image will stick to the edge.

If done correctly, you should get something like this (https://prnt.sc/1s4yopr)

Hope it helps,
Cheers!

Hey @friech

Thanks for that detailed advice, much appreciated :slight_smile: I will give it a go.

Chris

Hi Chris,

Glad to help you with this, please let us know how it works for you.

Thanks

Hi Guys,

That worked a treat. Thanks for your help.

Chris

Hi Chris,

Glad that we are able to help you.

Thanks