Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 7, 2015 at 5:17 pm #469825
    Ari Gold

    Hi

    Thanks for this awesome theme!

    I’m using a child-theme. My website is at: see private content (2).

    Portfolio/Gallery
    I have a small problem and I can’t figure it out, somehow.
    How can I get a fade in and the title like at http://bvd.se/ ?
    And I also have different sizes of the pictures. I want a fixed width but a dynamic height and the others should align. Like here: (see private content (1))

    Header
    And something for the header: how can I let it fade in when I scroll up a bit? Something like here: http://codepen.io/tusharbandal/pen/Atckq
    (whenever i try to integrate it, i break the header… or it wont work)

    FadeIn content
    Is it possible to fade in every avia box like this? http://huncwot.com/business/sinsay (once when loaded)

    July 8, 2015 at 2:28 pm #470286
    Elliott

    Hi Andreas!

    1. In this case you will want to use the Masonry element instead, http://kriesi.at/themes/enfold/portfolio/masonry-portfolio/. By default the title will animate and “fold” up. Getting a different animation is going to take a lot of time and code and would have to be considered custom work. You could try creating your own using an online tool such as this though, http://cssanimate.com/.

    2. In Dashboard > Enfold > Header there are options to have the header “sticky” so it scrolls down the page with you. Are you wanting to have it hidden until you start scrolling?

    3. It would depend on the element. Some of them, such as images, already have a fade in option.

    Best regards,
    Elliott

    July 8, 2015 at 3:03 pm #470308
    Ari Gold

    Hi Elliot

    Thanks for the answer.
    1. I think I can work with masonry even though it would be better to use portfolio with a special tag instead of selecting images, typing custom URLs and custom names. I’ll look through the code to change the animation and overlay.

    2. Almost. The header should only be shown the first ~240px (header height) when scrolling down. After that, it should be only shown when I scroll up a bit or when I’m on the top again. Like chrome on android or like this example. http://codepen.io/tusharbandal/pen/Atckq

    3. I may have found a solution with the “flex_column_div” class and some JS and CSS.

    July 9, 2015 at 2:17 pm #470864
    Elliott

    Hey!

    2. Try adding this to your custom CSS.

    .header-scrolled-full { display: none !important; }

    Regards,
    Elliott

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