button transition background image

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
miky
 
 
Posts: 1
Joined: Mon Apr 26, 2021 5:17 pm

button transition background image

Post by miky »

Hi there,
I have looked for this in the forum but with no success. If it was already covered thanks to kindly direct me to the right topic place.

I have a button set with a background image that I want to be changed to another one on mouse hover.

I believe this should be done with the transition effect.
If I go on the menu (button > animation > transition > add) I set the following:
  • Triger: hover
  • Property: background-image
I’m then left to fill a ‘Value’ edit box where to inset the picture link.

Can you tell me under what format I should enter the link to the new image?

On the button > style > background > image the link is under the form of ‘C:\Users\....’ but that doesn’t work.
I have also tried many other ways as for example the css format as url(‘…’) but without success.

Any idea how to fix this or, in general, how to have the background image changed to another one on hover in a button?

Thanks in advance,
Michele
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: button transition background image

Post by crispy68 »

How is the button being used exactly? For a form or a link? Have you considered using the Rollover Image object?
User avatar
Pablo
 
Posts: 21585
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: button transition background image

Post by Pablo »

Can you tell me under what format I should enter the link to the new image?
You should enter the path of an existing image. For example:

Code: Select all

url(https://www.yourwebsite.com/imgaes/filename.jpg)
See also:
https://www.w3schools.com/cssref/pr_bac ... -image.asp
Post Reply