On the scroll portfolio theme...where would one manage/change/adjust/delete the transition that takes place when you click on one of the links to sites??...i.e. click on "visions" it scrolls to down to a stop...after a couple of seconds it gets a shadow effect and a link to the site...how do I modify that shadow effect? I hope this makes sense.
Have a great weekend!
MJ
scroll portfolio theme question... -...
The column for each section, has a transition. The transitions can be changed in the design pane, in the "Transition" section that in under the Style section. There is a delay, a duration and a acceleration profile for the duration.
This was tricky to figure out. The magic is in the column. The column has a transition given in the transitions section of the design pane. The row is given a background image. The column has two elements, the small picture that "pops" up and the text. The column is using states, regular and hover found in the style section.
The column starts in a regular state with the opacity set to 0 in the effects section. Nothing in the column can be seen because it is essentially made to disappear. On a hover state for the column, the opacity is returned to 1.0, and a black background is given. As the transition is made, the image and text come into view.
One thing I can't figure out though, is that in that template, the hover state sets the column to display: none. I can't repeat the effect if I set the display to none. Nothing will show up because the entire column will not display. I can repeat it, I believe, without setting the column hover state to display:none. The CSS that is output, does not have the display:none in the CSS for the column hover state. When I try the method, I get the display:none for the column hover state.
This was tricky to figure out. The magic is in the column. The column has a transition given in the transitions section of the design pane. The row is given a background image. The column has two elements, the small picture that "pops" up and the text. The column is using states, regular and hover found in the style section.
The column starts in a regular state with the opacity set to 0 in the effects section. Nothing in the column can be seen because it is essentially made to disappear. On a hover state for the column, the opacity is returned to 1.0, and a black background is given. As the transition is made, the image and text come into view.
One thing I can't figure out though, is that in that template, the hover state sets the column to display: none. I can't repeat the effect if I set the display to none. Nothing will show up because the entire column will not display. I can repeat it, I believe, without setting the column hover state to display:none. The CSS that is output, does not have the display:none in the CSS for the column hover state. When I try the method, I get the display:none for the column hover state.
Thanks, Bill G.
I'll try to dig in and figure it out based on what you have posted. You have helped get me started. Thanks, again!!
Please advise if you find more info.
MJ
I'll try to dig in and figure it out based on what you have posted. You have helped get me started. Thanks, again!!
Please advise if you find more info.

MJ
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.