Docs

[powrider686]

Hey there,
I have a few questions regarding the customization of the scroll bottom anchor.

On the homepage slider, I have the layers delayed to show up a few seconds after the side loads. Currently the scroll bottom anchor shows up before the layer background does, and before all of the layers start appearing.

I’d like to have a few second delay on the scroll button anchor, how could I achieve that?

Also, I think I changed the down arrow but I’m not sure. How would I change the scroll bottom anchor arrow to another icon?

Final question: How can I change the footer content so that the Copyright and Powered by are below the social icons?

Thanks for the help!
Marcus

[Rue Nel]

Hello Marcus,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[powrider686]

This reply has been marked as private.

[Paul R]

Hi Marcus,

1. Add this in custom > Edit Global CSS in the customizer.

.x-slider-scroll-bottom.below {
    display:none;
}

Then add this in Custom > Edit Global Javascript

$(document).ready(function () {
    setTimeout(function(){
        $('..x-slider-scroll-bottom.below').fadeIn(500);
    }, 5000);
});

2. You can change this line of code in your child theme’s style.css

.x-icon-angle-down:before {
    content: "\f107" !important;
}

Change \f107 with the unicode of the icon that you like.

http://fontawesome.io/cheatsheet/

3. Create file wp-footer.php in wp-content/themes/x-child/framework/views/ethos
and copy the code below into that file.

<?php

// =============================================================================
// VIEWS/ETHOS/WP-FOOTER.PHP
// -----------------------------------------------------------------------------
// Footer output for Ethos.
// =============================================================================

?>

  <?php x_get_view( 'global', '_header', 'widget-areas' ); ?>
  <?php x_get_view( 'global', '_footer', 'scroll-top' ); ?>
  <?php x_get_view( 'global', '_footer', 'widget-areas' ); ?>

  <?php if ( x_get_option( 'x_footer_bottom_display' ) == '1' ) : ?>

    <footer class="x-colophon bottom" role="contentinfo">
      <div class="x-container max width">

        <?php if ( x_get_option( 'x_footer_menu_display' ) == '1' ) : ?>
          <?php x_get_view( 'global', '_nav', 'footer' ); ?>
        <?php endif; ?>

        <?php if ( x_get_option( 'x_footer_social_display' ) == '1' ) : ?>
          <?php x_social_global(); ?>
        <?php endif; ?>

        <?php if ( x_get_option( 'x_footer_content_display' ) == '1' ) : ?>
          <div class="x-colophon-content">
            <?php echo do_shortcode( x_get_option( 'x_footer_content' ) ); ?>
          </div>
        <?php endif; ?>
      </div>
    </footer>

  <?php endif; ?>

<?php x_get_view( 'global', '_footer' ); ?>

Hope that helps.

[Author]

Posts