Streaming live at 10am (PST)

Background change on rollover issue

#1

Hi,

I’ve worked out how to do this for one of my link buttons (Rochester Bridge Trust) but when I rollover on the second (Archant) button the background image shows up but underneath the RBT background ad down into the footer.

I’m guessing this is something to do with the BG wrapper but whichever setting I try I can’t seem to get it to work. I’m still learning Webflow but this is starting to make my brain ache!!

If someone could take a look for me that would be awesome.



Here is my public share link: https://preview.webflow.com/preview/danielcobbdesign?utm_source=danielcobbdesign&preview=4e2ae65a02bf830751042f3066e0a9c6
(how to access public share link)

#2

You have to add “Hide” interaction to the roll out of RBT button

15

#3

On the hover in you show the background image and when you hover out you are hiding the bg image by using opacity - that is what prevents the bg to be shown

#4

You’re a star @shokoaviv

Works perfectly now

Thank you

#5

hi @shokoaviv

I’ve just discovered another issue. trnasitions now function as they should but there is a ‘jerk’ when the BG image opens by rolling over the Archant button - see video

Transitions are identical for the two buttons but the behaviour is different and I’m not sure why?

CloudApp