Custom Graphic for Buttons

[kcreative]

Hi guys,

Is it possible to have a custom graphic for a button instead of the stock ones? For hover as well?

Thank you,
Petar

[ruenel]

Hello Petar,

Thanks for posting in! Regretfully the button element only offers background colors. It does not have any option that you can insert a custom graphic. It can be done with custom css for the button. You can add an inline element css in the “Customize” tab right in the button element settings.

$el {
  background-image: url(http://place-your-image-url/);
}

$el:hover {
  background-image: url(http://place-your-another-image-url/);
}

Hope this helps.

[kcreative]

Thank you for the info!

Actually I was referring to these graphics:

Could those be customized?

Apologize for the confusion!

[Prasant]

Hello @kcreative,

Thanks for updating the thread.

We are using Font Awesome library for the graphics/icons. In the builder it’s a bit difficult for in front end with some custom development work you can make the changes. Kindly note that custom development work falls outside the scope of support we can offer. Please take a look at following resources to get started.

https://www.w3schools.com/icons/fontawesome_icons_intro.asp

https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements

Thanks.