Hello!
I would like to add the text “Next Post” and “Previous Post” on the hover effect of the Avia Next/Previous Post Navigation.
So the tabs looks like:
< Previous Post
Post Title
(Previous/Next on line above post title). Also to increase font size of text that appears on hover effect please.
Hi onegirlrtw!
Thank you for using Enfold.
Please edit functions.php, find this code on line 386:
$tc1 = " <span class='entry-title'>{$the_title}</span>";
if($image) $tc2 = " <span class='entry-image'>{$image}</span>";
$output .= $key == 'prev' ? $tc1.$tc2 : $tc2.$tc1;
Replace it with:
$tc1 = " <span class='entry-title'>{$the_title}</span>";
if($image) $tc2 = " <span class='entry-image'>{$image}</span>";
$tc3 = " <span class='entry-text-prev'>Previous Post</span>";
$tc4 = " <span class='entry-text-next'>Next Post</span>";
$output .= $key == 'prev' ? $tc3.$tc1.$tc2 : $tc4.$tc2.$tc1;
Add this on Quick CSS or custom.css:
span.entry-text-prev, span.entry-text-next {
font-size: 11px !important;
position: absolute;
}
Cheers!
Ismael
Hey!
Please add following code to Quick CSS
.avia-post-nav span.entry-text-prev, .avia-post-nav span.entry-text-next { display: none; }
.avia-post-nav:hover span.entry-text-prev, .avia-post-nav:hover span.entry-text-next { display: block; }
Regards,
Yigit
It worked perfectly. Thank you!