PrintFriendly & PDF
  • Extensions
  • Publisher Tools
    • Get Button
    • Purchase Pro Service
  • API
  • My Account
    • Log In
    • Create Account
  • Articles
  • Contact PrintFriendly & PDF
Print Friendly and PDF

Create a Custom CSS File in WordPress

Step 1: Create Your Custom CSS File

Using a text editor(NotePad, TextEdti), create a file and save as printfriendly.css. Or, download this default printfriendly.css file.

Add your Custom CSS. Example:

/* This will align images to the left */
#printfriendly img{
    float:left!important;
    margin-top: 12px
!important;
    margin-right: 12px
!important;
}

/* Changes font family and size */

#printfriendly {
    font-family: Arial
!important;
    font-size: 14px
!important;
}

/* Changes header color */

#printfriendly h1, #printfriendly h2, #printfriendly h3, #printfriendly h4 {
    color: Green
!important;
}

 

Step 2: Upload & Get the URL

In your WordPress Admin Console, select Media > Add New.
​


Get the URL by selecting Library > printfriendly > File URL:



Step 3: Enter the URL into PrintFriendly & PDF Plugin Settings

In your WordPress Admin select Settings > PrintFriendly & PDF

  • Support
  • About
  • Privacy
  • Terms
  • PrintFriendly & PDF