Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 7, 2020 at 7:56 pm #1265583
    VapMobile

    Hi,

    I added a class to my custom CSS code, in the “Displayed Everywhere” widget and the following code doesn’t overwrite the parent rule:

    .contact-details {
  list-style: none;
}

    If I put the !important rule after it, it works, but I shouldn’t have to do that, if the child style really overwrite the parent one.

    If possible, I also would like to delay the displaying of the scroll-top-link. It is displayed too quickly, at half the page. I would like to really be at the bottom of the page to make it appear; something like at 75% down of the page.

    • This topic was modified 3 years, 11 months ago by VapMobile.
    December 9, 2020 at 3:11 am #1265900
    Rikard

    Hey VapMobile,

    Where can we see and reproduce the problem you are having?

    Best regards,
    Rikard

    December 9, 2020 at 7:44 pm #1266071
    VapMobile

    Hi!

    Here are screenshot about what I did:
    https://filebin.net/g4dfgdgdwcdq2sfc/1NEIAFj7kW.png?t=zicr0553
    https://filebin.net/g4dfgdgdwcdq2sfc/32eplFvZIh.png?t=zicr0553
    https://filebin.net/g4dfgdgdwcdq2sfc/k2AelDBApy.png?t=zicr0553

    I also would like to know if we should update WordPress to 5.6, or waiting for a moment.

    And Youtube video autoplay doesn’t work, when I use a lightbox.

    Thanks.

    • This reply was modified 3 years, 11 months ago by VapMobile.
    December 10, 2020 at 12:18 pm #1266264
    Rikard

    Hi,

    Thanks for that. Could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    December 10, 2020 at 8:15 pm #1266367
    VapMobile

    The website is on my PC, not online yet.

    December 10, 2020 at 10:06 pm #1266399
    Victoria

    Hi VapMobile,

    We need to see the actual css and html to be able to propose a solution for you. Please get back to us when you get the website to some testing server.

    Best regards,
    Victoria

    December 11, 2020 at 12:05 am #1266426
    VapMobile

    You can see the online version here: https://vap-mobile.fr/

    December 11, 2020 at 3:59 pm #1266574
    Yigit

    Hi,

    Thanks for contacting us!

    1- I could not find “contact-details” class on your page but could you please try using the code as following 

    #top .contact-details {
  list-style: none;
}

    2- Please copy /enfold/js/avia.js file to your child theme and open the file and find 

    if(st < 500)

    and change it to 

    if(st < 1000)

    then add following code to functions.php file of your child theme 

    function wp_change_aviajs() {
wp_dequeue_script( 'avia-default' );
wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 );

    Cheers!
    Yigit

    December 13, 2020 at 3:06 am #1266844
    VapMobile

    Hi,

    Thanks for the answer.
    For the list (bullet list of personal informations [phone, mail]), that works.
    About the “scroll-top-link”, I followed what you told me, but I did something more adaptative about the scroll button spawn point.
    This page helped me to understand window size, document and scrolling: https://gist.github.com/toshimaru/6102647
    Could you inform us when we could update to WordPress 5.6? Thanks.

    
function avia_scroll_top_fade()
   {

      var win   = $(window),
        timeo = false,
        scroll_top = $('#scroll-top-link'),
        set_status = function()
             {
       // $(document).height();  = Height of the entire document; included the invisible (down) part
       // $(window).height();    = Height of the visible part of the document
       // $(window).scrollTop(); = The scrolling size (lenght) - from the start of the scroll to the end
       // displayScrollButtonAt; = The displaying of the scroll button, at a certain scrolling percentage of the page (here 75)

       var scrollHeight = $(document).height();
       var scrollPosition = $(window).height() + $(window).scrollTop();
       var displayScrollButtonAt = (scrollHeight * 75) / 100;

       if (scrollPosition < displayScrollButtonAt)
              {
               scroll_top.removeClass('avia_pop_class');
              }
              else if(!scroll_top.is('.avia_pop_class'))
              {
               scroll_top.addClass('avia_pop_class');
              }
             };

      win.on( 'scroll',  function(){ window.requestAnimationFrame( set_status ); } );
         set_status();
 }
    • This reply was modified 3 years, 11 months ago by VapMobile.
    December 15, 2020 at 1:06 pm #1267456
    Yigit

    Hi,

    Nice! Thanks for sharing your solution!

    Next update will be for WP 5.6 compatibility :)

    Best regards,
    Yigit

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