Change the Post Slider's default arrow icon to custom image

Hey heysnads,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

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

#top .avia-post-nav .iconfont {
    height: 22px;
    width: 22px;
}

#top .avia-post-next .iconfont {
    background: url('image_link') center center no-repeat;
}

#top .avia-post-prev .iconfont {
    background: url('image_link') center center no-repeat;
}

Just modify the height, width and image_link on the background. Hope this helps :)

Best regards,
Nikko

Hi,

Can you try to clear the browser cache? the code I gave didn’t reflect on the site and should appear in this css file (link in private content).

Best regards,
Nikko

Hi,

I have checked on the css file again however there are some weird characters which are showing (screenshot in private content), can you try to remove the spaces for example this code:

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

should look like:

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

Hope this helps.

Best regards,
Nikko

Hi,

You’re always welcome :) Let us know if you need further assistance or if we can close this thread.

Best regards,
Nikko