• D
    dgknkrpnr

    Hi,

    I added a close button to my projects, but when I click it the page loads as a fresh page and there is no fadeout transition. I believe it happens because it is not on the regular navigation.

    Link: http://www.dogukankarapinar.com/yeni/together-architecture/

    You can see the close button on the top right corner, I use different links for different categories. Then I control the visibility with -slug additions. How can I use this link with smooth page transitions?

    Thanks.

    posted in General Discussion read more
  • D
    dgknkrpnr

    Hi,

    I want to use arrow keys for going next or previous projects. So I found and added some custom html and it works nice. I go to next project when I press right key and left for previous. Perhaps this can be added easily to lay theme.

    I have Prev and Next links on my page already so I use them to JS click function.
    You have to add id to your Next and previous links like #previousarrlink and #nextarrlink

    Js:
    <script type="text/javascript">
    document.addEventListener("keyup",function(e){
    var key = e.which||e.keyCode;
    switch(key){
    //left arrow
    case 37:
    document.getElementById("previousarrlink").click();
    break;
    //right arrow
    case 39:
    document.getElementById("nextarrlink").click();
    break;
    }
    });
    </script>

    Project arrows function can have this as an addition too.
    Best.

    posted in Feedback read more
  • D
    dgknkrpnr

    Hi,

    I want to use Prev & Next Project link with images on a Fullscreen Slider slide.
    Project Arrows feature have this kind of option but is there a way to use it on a slide?

    I'm trying to get a similar look with this: http://fuzzco.com/work/welcome-to-mailchimp/ (look at the bottom of the page)

    I tried to use Project Arrow codes on the slide by adding HTML but couldn't make it.

    posted in General Discussion read more
  • D
    dgknkrpnr

    @mariusjopen said in Different menu color for each slide on Fullscreen slider:

    Hey Antonio!

    I was able to reproduce the issue you were talking about.
    In fact you are right.

    When you activate the "Scrolling down in the last section scrolls down to the first section" and scroll down the .fp-viewing-0 changes to .fp-viewing-1 and does not change back to .fp-viewing-0 when you continue scrolling more down.

    That means that your custom CSS code does not work anymore:

    body.fp-viewing-0 .sitetitle-txt-inner span{
        color: pink;
    }
    body.fp-viewing-0 nav.primary a{
        color: pink;
    }
    

    What you can do is to activate the CSS also for the second slide. That is a compromise until we will have fixed that issue.

    body.fp-viewing-0 .sitetitle-txt-inner span,
    body.fp-viewing-1 .sitetitle-txt-inner span{
        color: pink;
    }
    
    body.fp-viewing-0 nav.primary a,
    body.fp-viewing-1 nav.primary a{
        color: pink;
    }
    

    I hope I could help!

    Let us know if you have further questions!

    All the best!

    Marius

    @mariusjopen Is there a way to use this technique without using fp-viewing classes? I want to give a single class to all rows with same color using "Set HTML class & ID" option (lets name this class "blackbg"). And I want to change menu color when we are looking to blackbg slide (or when it have "active" class too)

    If I use fp-viewing classes I have to write different slug classes for every project in custom css because slides with black background isn't have same order. My projects have different slide count.

    posted in Addons read more
  • D
    dgknkrpnr

    This helped me a lot too! Thanks for posting this before I started to break the html :D

    posted in General Discussion read more

Looks like your connection to Lay Theme Forum was lost, please wait while we try to reconnect.