Hello,

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

Best regards!

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, 2 months ago by Mirela. Reason: additional changes to css code