1) Copy wp-content/themes/mondree/single-speaker.php to wp-content/themes/mondree-child
2) Open wp-content/themes/mondree-child/single-speaker.php
3) Around line number 157, you can find:
<a href=”<?php echo get_permalink($prev_post->ID); ?>” class=”btn btn_icon previos-article”><i class=”fa fa-arrow-left”></i><?php echo $prev_post->post_title; ?></a>
4) Please change this to:
<a href=”<?php echo get_permalink($prev_post->ID); ?>” class=”btn btn_icon previos-article”><i class=”fa fa-arrow-left”></i><span class=”prevWrap”><span class=”prevChild”><?php echo $prev_post->post_title; ?></span></span></a>
5) Around line number 160, you can find:
<a href=”<?php echo get_permalink($next_post->ID); ?>” class=”btn btn_icon next-article”><?php echo $next_post->post_title; ?><i class=”fa fa-arrow-right”></i></a>
6) Please change this to:
<a href=”<?php echo get_permalink($next_post->ID); ?>” class=”btn btn_icon next-article”><span class=”prevWrap”><span class=”prevChild”><?php echo $next_post->post_title; ?></span></span><i class=”fa fa-arrow-right”></i></a>
7) Save the file
8) Please navigate to Appearance->Editor->style.css
9) Add the below code to the end:
.speakers__session .btn.btn_icon.previos-article, .speakers__session .btn.btn_icon.next-article { line-height: normal;white-space:normal;}
span.prevWrap {display:table; height:100%; width:100%;}
span.prevChild {display:table-cell; vertical-align:middle}
10) Save the file.