button image

  • Hi everyone, I would like a button to have an image as a background.
    It’s possible?
    I tried to search on Google but it doesn’t work.
    Thanks
    Lorenzo

Viewing 5 replies - 1 through 5 (of 5 total)

  • Sure you can. But how you implement it depends on the context in which you need it? A little more information about your project and perhaps a link to the page where you want to add it would help you.

    Thread Starter agolollo09

    (@agolollo09)

    Hi threadi, thanks for your reply.

    I want to put an image into a button that links the home page to another page on the same website.

    The website is carlinifd.it

    Thanks

    Hello @agolollo09
    This is example of an image as a background you may try this.

    <html>
    <head>
        <style type="text/css">
            .button{
                background: url(/image/btn.png) no-repeat;
                cursor:pointer;
                border: none;
            }
        </style>
    </head>
    <body>
        <input type="button" name="button" value="Search" class="button"/>
        <input type="image" name="button" value="Search" class="button"/>
        <input type="submit" name="button" value="Search" class="button"/>
<button type="button" class="button">Click Me!</button>

    </body>
</html>
    • This reply was modified 1 year, 2 months ago by rohitmukati.

    @agolollo09: And which buttons do you mean there exactly? There are very many on this page.

    Keep in mind that you are using Themeisle as your theme and PageBuilder. Therefore, every solution for your wish depends on this product. The code mentioned by @rohitmukati is correct in terms of content, but will not help you with your request. You should rather contact the Themeisle support: https://themeisle.com/contact/

    Hi @agolollo09

    Please try this code:-

    body .wp-block-themeisle-blocks-button a  {
  background-image: url(https://carlinifd.it/wp-content/uploads/2023/07/IMG_4105photo-1-819x1024-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: unset;
}

    You need to change the image as required.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘button image’ is closed to new replies.