Streaming live at 10am (PST)

Portfolio Block Help


#1

On my website at the very bottom I’ve got a few portfolio blocks set up. When being viewed they come across invisible but once mouse goes over that section it shows . How do I fix this ?

https://preview.webflow.com/preview/sweat-tv-nyc?preview=41dc9c09cb10d2b2dbd0e7d1343d8abe


#2

Go Legacy interactions, then click on the first portfolio block, remove the opacity 0% from step 1 :slight_smile:


#3

@Nicholasbee1… the hover interaction is actually backwards… it goes from visible to 0… even on the other steps. Trying using Styles panel css transitions. Add color on ‘Normal’, then States, add color on ‘Hover’, then back to ‘Normal’ state, go to bottom, click Transition and add Background Color, choose 400ms.

Reason being is, you want to minimize javascript actions, where you can use CSS.


#4

How would I do that ?


#5

Oh okay… I’ll take a quick look at your read-only link. Also, there’s a live company Workshop with John Williams the head of Content Strategy. Go to forum header and get the link. These workshops help tremendously in learning ‘how Webflow is constructed’.

I’ll take a peek at your site.


#6

I looked, but not sure what you’re problem is? Are you asking how to get into Legacy interactions?


#7

Yeah How do I get into legacy ?


#8

Here underneath the Lightning Bolt Interactions panel:

Toggling this gives access to Interactions 1.0, moving it back is Interactions 2.0. And you can use both, which is great for more simplier actions. It’s also possible to combine them both on the same element :slight_smile:
Can get a little tricky but there are instances where it makes sense.

Once you toggle, you then have to click on an element in the Designer.


#9

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.