Change Clipboard Image on Pages

Viewing 2 replies - 1 through 2 (of 2 total)
  • rdellconsulting

    (@rdellconsulting)

    10 years, 2 months ago

    To start with, this snippet shows how to change to a different entypo icon.

    Try adapting it by replacing the font-family and adding
    background: url(/wp-content/uploads/image.png) ;

    If not working, come back with a link to your site.

    Thread Starter sparkss

    (@sparkss)

    10 years, 2 months ago

    I tried just creating my own @font-face with a custom svg font, but couldn’t get it to work. And was running out of time to figure it out, but this is how I got it to work for anyone else who is interested. 

    h1.entry-title.format-icon
{
background-image: url("IMAGE URL HERE");
background-repeat: no-repeat;
padding-left: 75px;
height: 50px;
line-height: 1.5em;
}

/* Remove Post/Page Icon */
.page #main-wrapper h1.format-icon:before {
content:    none;
}

@media screen and (max-width: 768px) { 

h1.entry-title.format-icon{ line-height: 2em;}

}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Clipboard Image on Pages’ is closed to new replies.