add scroll down link in color section - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
October 14, 2014 at 12:32 pm #335537

same-d
Participant

Hi,

How do I add a scroll down link shown in this example:
http://kriesi.at/themes/enfold/homepage/transparent-header/

in the color section with background shown here:
http://demo4.same-d.nl/pri/

Thanks!

Regards,
Tony

October 15, 2014 at 5:11 am #335918

Ismael
Moderator

Hi same-d!

Thank you for using Enfold.

Please refer to this link: https://kriesi.at/support/topic/buttonicon-to-anchor/#post-325401

Cheers!
Ismael

October 29, 2014 at 1:07 pm #342674

same-d
Participant

Hi Ismael,

Thanks for your reply! I was wondering if it is possible to add text like ‘scroll down’ above the arrow. Thanks!

Cheers!
Tony

October 29, 2014 at 1:31 pm #342686
Arvish
Inactive Moderator
Hi!

Add the following code at the end of functions.php
```
    function show_scroll_down_text_script(){
    ?>
    <script>
    (function($){
        $(window).load(function() {

            $('<span class="scroll-down-text">Scroll Down</span>').insertBefore('.scroll-down-link');

        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'show_scroll_down_text_script');
```
Use the span class to style the text using normal css.

Cheers!
Arvish
October 29, 2014 at 3:28 pm #342739

same-d
Participant

Hi Arvish,

Thanks for your reply! I paste the code in functions.php but the text doensn’t appear. Do I need to add anything? You can find the page i’m trying to add the code to here: http://demo4.same-d.nl/vizier/

Thanks!

Tony

October 30, 2014 at 6:11 pm #343514
same-d
Participant
Nevermind, I made it work! :)

I just added this:
```
position: absolute;
left: 50%;
bottom: 0px;
```
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘add scroll down link in color section’ is closed to new replies.