Documentation > White Label > Automated Email Reports

Create PDF Report Cover Pages & CSS Templates

Rank Ranger's Cover Page templates make it easy to create a personalized cover page for the automated White Label PDF reports being sent to your customers. Create it once, and apply to as many reports as you'd like.

Cover Pages can also be used to create CSS Templates to apply custom styling to your PDF reports.

Video: Creating a Cover Template

Create a Cover Page

How to create a cover page

Begin by adding a Cover Page by navigating to:
1. White Label
2. Cover Pages
3. Click the Add Cover Page Template button

Add Content to Cover Page

Enter a Name for your cover page.
Enter cover page content using the WYSIWYG editor to select text styles, insert images*, links, tables, etc.
Below the editor screen there is an Insert Merge Field pull-down menu. To insert a merge field, place the cursor in the Cover Page Content area where you want the field to display, select the field name and click the Insert button.
When you're finished editing, click the Add button.

Note: If you have uploaded an Account or Campaign Specific logo, it will automatically display centered at the top of the first page of your report if you select a Default Cover Template. If you create a custom Cover Page and select it in the Report Details Cover Template section, that custom template will override the default and you need to insert the merge field for logo when creating your cover page.

The new cover page will be added to your library and can be added to any White Label PDF Report when creating a new report, or by editing an existing report's Details tab.

*Self-hosted Images can be added to a Cover Page. If you change your web server from HTTP to HTTPS, you will need to update the image URLs in the Cover Page Template. If images are not displaying and you have confirmed that the URL is correct, then you may need to reduce the file size in order for the image to display quickly enough to be captured during the PDF report generation process.

Create a PDF Style Template

Creating CSS Templates
In this example, a custom CSS Template was created using the code section of a Cover Page to create a border around a text box and add a colored line below headings. View a sample PDF report created using a CSS template.

PDF report utilizing custom CSS Template

Cover Page Template
Begin by adding a Cover Plage Template by navigating to:
1. White Label
2. Cover Pages
3. Click the Add Cover Page Template button

4. Name the Template
5. Click Tools
6. Click Source Code

7. Paste in or type your CSS code (see code sample below the screenshot)
8. Click the OK button
9. Click the Add button

CSS Code Sample

<style>
    <!--

.custom_title {background: none; border: 0; border-bottom: 2px solid #2B8EB7;
          margin-bottom: 20px;}

.textborder {
  background-color: white;
  width: 850px;
  border: 2px solid #2B8EB7;
  padding: 18px;
  margin: 18px 14px 12px 60px;
}

hr {border-top: 1px dotted #2B8EB7;}

.custom_title h1 {
    font-family: 'Open Sans', Arial;
    font-weight: 600;
    font-size: 16pt;
}
.open_sans {
    font-family: 'Open Sans', Arial;
}
.grid_th tl {
    font-size: 14px !important;
}
.grid_td {
    font-family: "Open Sans", Arial;
    font-size: 14px !important;
}

.grid_td.tr, .nosort.tr {
    text-align: center;
}

.custom_ltr {
    margin-bottom: -6px;
}

.mw_theme_1 {
background: #f3f3f3;
}

.mw_theme_3 {
    background: #BEDBED;
    color: #333333;
}

.mw_theme_3 .mw_box_header {
    background: #BEDBED;   
    color: #333333;
}

.mw_theme_3 div, .mw_theme_3 div.prev_title {
    background: #BEDBED;   
    color: #333333;
}
.exo {
    font-family: Arial;
}
.mw_box_metric {
    padding: 0 10px;
    line-height: 90px;
    font-size: 23pt;
    clear: both;
    text-align: center;
}


-->
</style>

Navigate to your PDF Report Details screen
10. In the CSS Template menu, select the CSS Template you want to style your report and click the Save button

Get the ultimate SEO tools with the Rank Ranger Software
Learn More About Rank Ranger

Featured SEO Tools

SEO Dashboard Rank Tracker Social Analytics Link Manager White Label SEO

Marketing Dashboard Keyword Finder Insight Graph API

Resources

Top 100 Websites Rank Risk Index Google Algorithm Updates Google SERP Features Tool Mobile SERP Features Tool Visual Guide to SERP Features SEO Glossary

Rank Ranger

Pricing Contact us Blog Help Center Documentation Brand Ambassadors

Search our Knowledge Base
	Search