/ all snippets

Set Image as a Button Background

This CSS snippet sets an image as a background on an Elementor Button widget. Replace Image URL with the actual URL of the image you want to use.

If you don't have Elementor Pro, you can replace the prefix of "selector" with a CSS class you can define yourself. To add the CSS snippet, you can use the HTML widget.

Download Elementor Pro

selector .elementor-button{
    background-image: url('Image URL');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-size 0.4s ease-in-out;
}