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

Disable codeless slider

codeless sliderspecularwordpress
    • 6 years, 7 months ago Melanie50
      Participant

      Expired

      Hello,

      I’d like to disable the codeless slider’s movements, and show just 1 image. I’d not like to replace the slider with a static image however, because I like the UX of the texts and buttons coming in after loading. I’ve tried the suggestion below, but it doesn’t help. Can you help me?

      Thank you very much,

      Melanie
      <p style=”box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Raleway; font-size: 14px;”>To remove the auto play of Codeless slider slides, please go to file <em style=”box-sizing: border-box;”>js/main.js and find these lines:</p>

      <pre style=”box-sizing: border-box; overflow: auto; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; background: #f9f9f9; padding: 5px 10px; line-height: 18px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: 0px; margin-bottom: 24px; color: #4b4d4d;”><code style=”box-sizing: border-box; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; background: transparent; display: block; padding: 0px; line-height: 25px; border: none; max-width: 100%; vertical-align: middle; margin: 0px; overflow-wrap: normal; overflow: auto;”>$(‘.codeless_slider’).imagesLoaded(function(){
      $loading.css(‘display’, ‘none’);
      var c_speed = $(‘.codeless_slider’).data(‘speed’);
      if(c_speed == ‘undefined’)
      c_speed = 800;
      codelessSlider = new Swiper(‘.codeless_slider’,{
      slidesPerView: slide_per_view,
      paginationAsRange: false,
      loop: false,
      touchRatio: 0.7,
      autoplay: 5000,
      speed: c_speed,
      noSwiping: false,
      <p style=”box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Raleway; font-size: 14px;”>Comment out <code style=”box-sizing: border-box; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; background: #f9f9f9; display: inline-block; padding: 0px 5px; line-height: 25px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: -3px;”>autoplay: 5000, like this <code style=”box-sizing: border-box; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; background: #f9f9f9; display: inline-block; padding: 0px 5px; line-height: 25px; border: 1px solid #dddddd; max-width: 95%; vertical-align: middle; margin-top: -3px;”>//autoplay: 5000, Save changes.</p>

    • 6 years, 7 months ago Ruco
      Keymaster

      Hello,

      You don’t even need to us a slider. You can do that with row fullwidth with a background. In center of the row you can add a Title heading with the text you want without any effect.

      Let us know.

      Regards!

Viewing 1 reply thread

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