Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1130276

    Good Morning,

    on our homepage there is a button to scroll up. Where can I find this Button to change / activate / deactivate it?Screenshot Scroll up Button

    I would like to add a button that does the opposite. Scroll down. How can I accomplish this?

    Thanks in advance for your help!

    Regards
    N. Frommel

    #1130419

    Hey acmaerospace,

    Please have a look at the following threads

    https://kriesi.at/support/topic/enfold-remove-scroll-top-button/

    Best regards,
    Victoria

    #1130920

    Hi Victoria,

    for testing I tried the styling suggested in your Link.

    Unfortunatly the button doesn’t change its color.Quick CSS
    General StylingScroll to top button

    #1131193

    Hi,

    Thanks for the screenshot, could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    #1131239

    Hi Rikard,

    please see the following link to our homepage.

    ACM Homepage

    The button appears when you scroll down on the page.

    Regards,
    N. Frommel

    #1131294

    Scroll down to what position ? Footer ?

    if you do not need the scroll to top button – just use that for your needs
    it has an absolute position so you can shift him anywhere you like:

    #scroll-top-link {
      right: inherit;
      bottom: inherit;
      left: 20px;
      top: 90px;
    }
    
    #scroll-top-link::before {
      content: "\e87b";
    }

    the second rule changes that arrow to an arrow down!

    now the link if you link to the #socket ( otherwise give a link target your want on that page – best would be a unique ID )
    do this to your child-theme functions.php:

    function change_href_of_scroll_top_link(){
    ?>
    <script>
    (function($) {
      $('#scroll-top-link').attr("href", "#socket");
      $('#scroll-top-link').attr("title", "Scroll to bottom")
      $('.avia_hidden_link_text').text('Scroll to bottom');
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'change_href_of_scroll_top_link');

    Now the only thing is that the button appears the same manner like the scroll to top button ( after some scrolling) this could be changed too.

    #1131950

    Hi acmaerospace,

    Did you try the solution suggested above? Did you get it working for you or do you need more help?

    Best regards,
    Victoria

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