Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 14, 2019 at 1:59 am #1066718
    Drebosio

    Hey Enfold team,

    Wondering if there is a simple solution to this effect.

    Want to have an image that when you hover it scrolls downwards while staying within a container/div.

    I found this code snippet that i plan on using, but if there is a simpler way, i’m all for that =P
    https://jsfiddle.net/Kai_Draord/58yxymLm/

    Thanks

    —EDIT—
    So i implement the code from the jsfiddle above and got it working (see below), but i want to apply this css to a portfolio item, how can i give a class name to a port item or any element for that matter?

    • This topic was modified 5 years, 9 months ago by Drebosio.
    February 15, 2019 at 5:11 am #1067277
    Rikard

    Hey Drebosio,

    Cool effect, I haven’t seen that before. I’m not sure exactly what you are looking to apply that to though, could you link to an example portfolio item and point out what you would like to achieve there please?

    Best regards,
    Rikard

    February 15, 2019 at 6:22 am #1067301
    Drebosio

    Hey Rikard,

    So the idea i have is to showcase a project without clicking into it. So essentially it’s a preview of the entire page.

    See below for details.

    I want to apply this to any portfolio item I have tagged as “web design”

    February 19, 2019 at 3:38 am #1068726
    Ismael

    Hi,

    Thanks for the update.

    You can’t apply a custom css class attribute to specific portfolio items. There’s no option for that, but the theme applies a unique class to the portfolio items based on their category, so maybe that can be used. Example.

    .graphic-design_sort {
  /* style here */
}

    You may need to add your portfolio items manually if that doesn’t work.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.