Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1260408
Multiple Menu Color with Slide Change
Closed

Comments

  • theleash started the conversation

    On your restaurant demo page the navigation color changes from white to black - this helps with either a dark or light slider background. how do you set this up please?

  •  1,845
    Elated replied

    Hello there,

    You can achieve it with minor modification to the slider. Just open that slider in Revolution Slider and for each slide in it click on Link and SEO tab and for the Custom Field type 

    data-color="dark"

    if you want header skin to be dark for that slider and type 

    data-color="light"

    if you want for that slider header skin to be light as shown in next screenshot https://www.screencast.com/t/fLnF3zmkKvyh , than just go to Slider Css/JS https://www.screencast.com/t/kqAe4MU3 an din the JavaScript paste this code https://www.screencast.com/t/kg67QaEgj 

    var api = revapi21.bind("revolution.slide.onbeforeswap",function (e,data) {
      setTimeout(function(){
        jQuery('body').removeClass('eltdf-light-header eltdf-dark-header').addClass(
             'eltdf-' + api.find('li').eq(data.nextslide.index()).attr('data-color') + '-header'
         );
     }, 100);
    });

    Also, make sure for that slider in Settings tab https://www.screencast.com/t/GFAgOwA0e that in Api functions RevApi21 is in use.

    If you need more help on this please provide us WP Admin access and we can help you with this.

    Please let us know if there is anything else we can do for you.

    Thanks.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • theleash replied

    Thanks for this…

    Ive done everything but cannot edit the RevAPI2 to RevAPI21?
    It is greyed out and you cannot edit it.
    Please assist

    Thanks

  •  1,845
    Elated replied

    Hello,

    Just replace previously added js code:

    var api = revapi21.bind("revolution.slide.onbeforeswap",function (e,data) {
      setTimeout(function(){
        jQuery('body').removeClass('eltdf-light-header eltdf-dark-header').addClass(
             'eltdf-' + api.find('li').eq(data.nextslide.index()).attr('data-color') + '-header'
         );
     }, 100);
    });

    with this one:

    var api = revapi2.bind("revolution.slide.onbeforeswap",function (e,data) {
      setTimeout(function(){
        jQuery('body').removeClass('eltdf-light-header eltdf-dark-header').addClass(
             'eltdf-' + api.find('li').eq(data.nextslide.index()).attr('data-color') + '-header'
         );
     }, 100);
    });



    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.