How to Print content in Joomla

Step 1: Enable Print Icon in Articles

1. Log in to your Joomla administrator panel.
2. Go to Content > Articles.
3. Click on the Options button in the toolbar.
4. Under the Articles tab, find the Show Print Icon option.
5. Set the Show Print Icon option to Show.
6. Click Save & Close to save your settings.

This setting will enable the print icon for all articles on your Joomla website.

Step 2: Configure Article Options (Optional)

If you want to enable or disable the print icon for specific articles, you can do so by configuring the article options:

1. Go to Content > Articles.
2. Edit the article you want to configure.
3. Under the Options tab, find the Show Print Icon option.
4. Set the Show Print Icon option to Use Global, Show, or Hide as needed.
5. Click Save & Close to save your changes.

Step 3: Using the Print Icon on the Frontend

Once the print icon is enabled, users can see the print icon when viewing an article on the frontend of your Joomla website. To print an article:

1. Navigate to the article you want to print.
2. Click on the print icon (usually represented by a printer symbol).
3. A new window will open with a printer-friendly version of the article.
4. Use your browser’s print functionality (usually accessible via Ctrl+P on Windows or Cmd+P on Mac) to print the article.

Step 4: Customising Print Styles (Optional)

If you want to customise the appearance of printed articles, you can add custom print styles to your Joomla template’s CSS file:

1. Go to Extensions > Templates > Templates.
2. Click on your active template name.
3. Go to the CSS folder and open the appropriate CSS file (e.g., template.css).
4. Add custom print styles inside a @media print block:

@media print {
    /* Custom print styles */
    body {
        font-size: 12pt;
    }
    .article-title {
        font-size: 16pt;
        font-weight: bold;
    }
    .article-content {
        padding: 10px;
    }
    .no-print {
        display: none;
    }
}

The .no-print class can be used to hide elements that you do not want to appear in the printed version of the page.