styling prev/next post navigation

Hi Vera,

Please add this CSS code in Enfold > General Styling > Quick CSS:

#top .avia-post-nav .iconfont:before {
    display: none;
}

#top .avia-post-nav {
    width: 60px;
}

#top .avia-post-prev .iconfont {
    background: url(https://website.com/wp-content/uploads/2017/02/arrow_prev.png) center center no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
}

#top .avia-post-next .iconfont {
    background: url(https://website.com/wp-content/uploads/2017/02/arrow_next.png) center center no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
}

Just replace http://website.com/wp-content/uploads/2017/02/arrow_prev.png and http://website.com/wp-content/uploads/2017/02/arrow_next.png with the correct URL of your arrow images, then adjust height and width as you see fit.
Also adjust the 60px width of the post nav as you see fit as well.

Best regards,
Nikko

Hi Vera,

Yes, please try to add this CSS code as well:

#top .avia-post-nav:hover {
    width: 280px;
}

.avia-post-prev .entry-info {
    margin: 0 1px 0 36px;
}

.avia-post-next .entry-info {
    margin: 0 36px 0 1px;
}

Best regards,
Nikko