Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #339436

    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.

    #339888

    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

    #340001
    This reply has been marked as private.
    #341529

    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

    #341602

    It worked perfectly. Thank you!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Add "Next Post" and "Previous Post" text to Avia Next Prev Post Nav in Enfold’ is closed to new replies.