border around image to change color on mouseover.

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
Lasa
 
 
Posts: 529
Joined: Sat Oct 06, 2018 3:08 pm

border around image to change color on mouseover.

Post by Lasa »

I have an image that has a thin black border, I would like to turn the border red on a mouseover...
Can't figure it out.
Lasa
wwonderfull
 
 
Posts: 1439
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: border around image to change color on mouseover.

Post by wwonderfull »

Lasa wrote: Tue May 07, 2024 4:16 am I have an image that has a thin black border, I would like to turn the border red on a mouseover...
Can't figure it out.
Lasa

Code: Select all

<style>
#imageID:hover {
border: 3px solid red;
}
</style>
or you can go to wwb and go to image properties animations and then go to transition and do the same just put it to on hover and then border color. Very simple.
Lasa
 
 
Posts: 529
Joined: Sat Oct 06, 2018 3:08 pm

Re: border around image to change color on mouseover.

Post by Lasa »

I always forget the transition options....
Thank you.
Lasa
p-murray
 
 
Posts: 14
Joined: Wed Feb 15, 2023 6:09 am

Re: border around image to change color on mouseover.

Post by p-murray »

Yeah, I thought this would be that easy but, when I add the transition to the image it doesn't actually trigger a transition. Nothing happens. Is there a setting somewhere that I am not seeing? I am trying to make the border turn black on hover.
wwonderfull
 
 
Posts: 1439
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: border around image to change color on mouseover.

Post by wwonderfull »

murray do you have any demo or link to the site so we can see what may be the issue?
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: border around image to change color on mouseover.

Post by Pablo »

Did you try this?
https://www.wysiwygwebbuilder.com/transitions.html

(see the button transition at the bottom of the page)
p-murray
 
 
Posts: 14
Joined: Wed Feb 15, 2023 6:09 am

Re: border around image to change color on mouseover.

Post by p-murray »

Yup, that's just what I was doing... except for one thing. I had the border set under "Style" as 0px. I set it to 5 and there it was. Thanks for your replies! You guys are great!

:D :D :D

Pablo wrote: Wed Oct 16, 2024 6:09 am Did you try this?
https://www.wysiwygwebbuilder.com/transitions.html

(see the button transition at the bottom of the page)
Post Reply