Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #637782

    Hi, I apologize as I know this has been dealt with many many times. I have read every thread I could find and tried many “fixes” but cannot get this to work.

    I need to swap the pencil icon shown here: to an image I will upload.

    What is the secret sauce that I need to make this happen?

    Thank you in advance!


    Hey Slade,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    a.small-preview {
        background: url(http: (Email address hidden if logged out) )!important;
        background-size: contain!important;
        background-position: 50% 50%!important;
        background-repeat: no-repeat!important;

    Best regards,


    Hi Yigit, Thanks for the response.

    That didn’t seem to do anything.



    Do you mind creating a temporary admin login and posting it here privately so we can look into it? :)



    Here you go



    I tried adding the code to quick CSS field and it worked. Please check your custom CSS in Style.css file and correct the errors you might have in there



    That’s odd. I copied your code to the child-theme style.css file and it wouldn’t take. Anyway…I see the pencil is still showing on top of the new graphic. How do I get rid of that?



    Please add following code to Quick CSS as well

    a.small-preview .iconfont {
        display: none;



    Thanks Yigit! You’re the best!

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Change Single Post Pencil icon to image’ is closed to new replies.