Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Folie – add back to top button

back to topfolie theme options
    • 6 years, 9 months ago chrisfnext
      Participant

      Expired

      How do I add a back to top button in folie theme

       

      thanks

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      please go to Customize > General > Site Options > Back to Top. Swipe it ON.

      Best regards!

    • 6 years, 9 months ago chrisfnext
      Participant

      Expired

      I don’t see it. Perhaps it set to white, which my background is too. Can you tell me what button color i should look for in styling to change the color of back to top button so i can see it?

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      Can you post some wp credentials in your profile data? So i can check this directly.
      Read this article for more information

      Thanks!

    • 6 years, 9 months ago chrisfnext
      Participant

      Expired

      This reply has been marked as private.
    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      Yes, i can help. But you need to give more access right to this user. I can not access the customizer with these much rights!

      Best regards!

    • 6 years, 8 months ago chrisfnext
      Participant

      Expired

      Ok I just updated! Can you please still take a look at this?

       

      Thanks

    • 6 years, 8 months ago Ludjon
      Keymaster

      Sorry for the delay,

      We just returned from holidays.

      Please, fix your website, it’s defaced from a hacker group.
      I see that back-to-top is activated.

      Thanks

    • 6 years, 8 months ago Ludjon
      Keymaster

      Please add this function on functions.php:

      function codeless_back_to_top_button(){
          if( codeless_get_mod( 'back_to_top', false ) )
              echo '<a href="#" class="scrollToTop"><i class="cl-icon-chevron-up"></i></a>';
      }
      add_action( 'codeless_hook_wrapper_after', 'codeless_back_to_top_button' );
      

      add this on style.css

      .scrollToTop{
          width:60px; 
          height:60px;
          border-radius:4px;
          text-align:center; 
          background: rgba(0,0,0,0.25);
          font-weight: bold;
          color: #fff;
          text-decoration: none;
          position:fixed;
          bottom:20px;
          right:20px;
          display:none;
          z-index:999999;
      }
      .scrollToTop i{
          line-height:60px;
          text-align:center;
          width:100%;
          font-size:24px;
      }
      .scrollToTop:hover{
          text-decoration:none;
      }

      add this on js/codeless-main.js after self.onePageScroll(); on a new line :
      self.scrollToTopButton();

      add this on js/codeless-main.js above this comments on the file:

      /**
        * Manage Customize Partial Refresh
      CL_FRONT.scrollToTopButton = function(){
              "use strict";
      
              $(window).scroll(function(){
                  if ($(this).scrollTop() > 100) {
                      $('.scrollToTop').fadeIn();
                  } else {
                      $('.scrollToTop').fadeOut();
                  }
              });
              
              //Click event to scroll to top
              $('.scrollToTop').click(function(){
                  $('html, body').animate({scrollTop : 0},800);
                  return false;
              });
          }

      This can help you

      Thanks

    • 6 years, 8 months ago chrisfnext
      Participant

      Expired

      Ok well I got the malaware issue fixed. Really weird that happened at the same time. SiteLock has fixed though. After deleting the malaware we now have a weird border around everything. It looks like everything was updated on 18th. Did you guys do anything as far as border goes? Please take a look. Thanks.

    • 6 years, 8 months ago Ludjon
      Keymaster

      Hello,

      You have this type of message on any assets of theme that tries to load

      style.css:1 Failed to load resource: the server responded with a status of 403 (Forbidden)

      The server guys have changed permissions of files.
      Please contact them and show this message.

      Thanks

    • 6 years, 8 months ago chrisfnext
      Participant

      Expired

      This reply has been marked as private.
    • 6 years, 8 months ago chrisfnext
      Participant

      Expired

      Nevermind I got it all figured out. Finally in the clear. Thank you.

    • 6 years, 8 months ago chrisfnext
      Participant

      Expired

      This reply has been marked as private.
    • 6 years, 8 months ago Mirela
      Participant

      Hello,

      If wordpress dashboard is not letting you edit files, you can always access them from a ftp account. If you do not have one, ask you host provider to create one for you.

      The functions can be added at the end of code in file functions.php. Before the last closing ?>

      Let us know.
      Best regards!

    • 6 years, 8 months ago chrisfnext
      Participant

      Expired

      That didn’t work. When I added it didnt like the line <span style=”background-color: #f9f9f9; color: #4b4d4d; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; white-space: pre;”> echo ‘<i class=”cl-icon-chevron-up”></i>‘;</span>

      and gave me an error /broke the site

       

      Do I need to add all of these before it will all work?

       

    • 6 years, 8 months ago chrisfnext
      Participant

      Expired

      I also am having a hard time with .js parts – i cant find the line number or know what you mean at your 4th instruction –

      add this on js/codeless-main.js above this comments on the file:

      /**

      *Manage Customize Partial Refresh

      Where is that part? Can you tell me the line number in the file? What text should I be looking for? Its confusing. Are you saying look for a line that says “this comments”

      In theory if I add all of these I should get a back to top button – because I see errror messages to the side as I add these in FTP. Why don’t I have an add to top button in the first place? It is on in customize.

    • 6 years, 8 months ago Mirela
      Participant

      Hello,

      Theme does have the “Back to Top” feature. The option is at Customize > General > Site Options > Back to Top.
      Beacuse your site was hacked, perhaps some features are affected. I opened your site but the user you set up for us has limited rights and i can not test anything.

      We have just launched the newest theme update. Please update theme and Codeless Builder first! Then find the option as instructed and set it ON.

      Best regards!

Viewing 17 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password