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

Navigation button Portfolio

Navigation button Portfolio
    • 5 years, 9 months ago diego.durighel
      Participant

      The Navigation button in Portfolio works in the opposite way.

      Next button come back and previous go on.

      See the screenshoot

      How is possible fix it?

    • 5 years, 9 months ago Mirela
      Participant

      Hello,

      This requires code changes. Please add some valid wp credentials in a private reply. So we can make it for you.

      Best regards!

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

      Hello,

      In file includes/codeless_functions_blog.php edited this part:

      if( codeless_get_mod( 'single_blog_pagination', true ) )
                 the_post_navigation( array(
                                  'prev_text' => '<span class="screen-reader-text">' . esc_html__( 'Previous Post', 'folie' ) . '</span> <span class="nav-title"><span class="nav-title-icon-wrapper">' . '<i class="cl-icon-arrow-left2"></i>' . '</span>%title</span>',
                                  'next_text' => '<span class="screen-reader-text">' . esc_html__( 'Next Post', 'folie' ) . '</span> <span class="nav-title">%title<span class="nav-title-icon-wrapper">' . '<i class="cl-icon-arrow-right2"></i>' . '</span></span>',
                                  'screen_reader_text' => ' '
                              ) );

      To this:

        if( codeless_get_mod( 'single_blog_pagination', true ) )
                 the_post_navigation( array(
                                  'prev_text' => '<span class="screen-reader-text">' . esc_html__( 'Previous Post', 'folie' ) . '</span> <span class="nav-title"><span class="nav-title-icon-wrapper">' . '</span>%title</span><i class="cl-icon-arrow-right2"></i>',
                                  'next_text' => '<span class="screen-reader-text">' . esc_html__( 'Next Post', 'folie' ) . '</span> <i class="cl-icon-arrow-left2"></i><span class="nav-title">%title<span class="nav-title-icon-wrapper">' . '</span></span>',
                                  'screen_reader_text' => ' '
                              ) );

      And added this custom css:

      /*Custom code to reverse single post prev/next */
      .single-post .nav-links {
          display: inline-flex;
          flex-direction: row-reverse;
      		width: 100%;
      }
      .single-post .nav-links > .nav-previous span.nav-title {
          padding-left: 35px;
      }
      .single-post .nav-links .nav-next span {
          float: none !important;
      	padding-right: 18px;
      }
      .single-post .nav-links .nav-prev span {
          float: none !important;
      }
      .single-post .nav-links .nav-prev span.nav-title {
          padding-left: 20px !important;
      }

      Result: https://ibb.co/yQ7cYHH

      Please check your site.
      Best regards!

      • This reply was modified 5 years, 9 months ago by Mirela. Reason: additional changes to css code
Viewing 3 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