Title: Deactivate HTML code manipulation for Print Friendly
Last modified: August 21, 2016

---

# Deactivate HTML code manipulation for Print Friendly

 *  Resolved [Jodi Wigmore](https://wordpress.org/support/users/jodi-wigmore/)
 * (@jodi-wigmore)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/deactivate-html-code-manipulation-for-print-friendly/)
 * Hello
 * I have been communicating with the developer of my theme regarding a problem 
   with page display once I load your plugin. The post is here:
 * The most recent comment is:
 * The plugin seems to manipulate the html structure of the website and this breaks
   the theme. Normally it should look like
 * .container
    – .template-page.content – .sidebar
 * but with the print plugin it looks like
 * .container
    – .template-page.content .sidebar
 * and this structure pushes the sidebar container underneath the main content container.
   Please contact the plugin author and ask him how to deactivate the html code 
   manipulation because this is not easily fixable with css.
 * Could you please let me know how to go about making this change?
 * Thank you, Jodi
 * [http://wordpress.org/plugins/printfriendly/](http://wordpress.org/plugins/printfriendly/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Thread Starter [Jodi Wigmore](https://wordpress.org/support/users/jodi-wigmore/)
 * (@jodi-wigmore)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/deactivate-html-code-manipulation-for-print-friendly/#post-4447016)
 * Sorry, I forgot to close the a href tag so most of my post links to the post 
   at Kreisi.at.
 *  Plugin Author [Print & PDF by PrintFriendly](https://wordpress.org/support/users/printfriendly/)
 * (@printfriendly)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/deactivate-html-code-manipulation-for-print-friendly/#post-4447275)
 * What’s the URL of a page we can observe the problem?
 * The plugin does not modify the html structure when adding the button, but happy
   to take a look and confirm.
 *  Thread Starter [Jodi Wigmore](https://wordpress.org/support/users/jodi-wigmore/)
 * (@jodi-wigmore)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/deactivate-html-code-manipulation-for-print-friendly/#post-4447280)
 * I added just the [printfriendly] shortcode into a text block on a new test page
   and it’s fine:
 * [http://v2.equitablerealestate.ca/buildings/print-test/](http://v2.equitablerealestate.ca/buildings/print-test/)
 * But as soon as there is more content it breaks:
 * [http://v2.equitablerealestate.ca/buildings/tester/](http://v2.equitablerealestate.ca/buildings/tester/)
 * Thanks again 🙂
 *  Plugin Author [Print & PDF by PrintFriendly](https://wordpress.org/support/users/printfriendly/)
 * (@printfriendly)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/deactivate-html-code-manipulation-for-print-friendly/#post-4447293)
 * Are you referring to the way the map is displayed?
 * On your page (preferably inside content div) , include a static map image using
   Google Maps v2 API.
 * You can set the map parameters, like latitude-longitude, zoom level, center, 
   markers etc. [More details in Google’s documentation](http://code.google.com/apis/maps/documentation/staticmaps/#Usage).
 *     ```
       <div>
   
       <img border="0" src="http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=14&size=512x512&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&sensor=false" alt="Points of Interest in Lower Manhattan">
   
       </div>
       ```
   
 * You can hide the static map using CSS “display:none” if needed.
 *  Thread Starter [Jodi Wigmore](https://wordpress.org/support/users/jodi-wigmore/)
 * (@jodi-wigmore)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/deactivate-html-code-manipulation-for-print-friendly/#post-4447294)
 * No, there is no problem with the map. If you look at the first page link you 
   will see that the right sidebar displays properly, but If you look at the second
   page link you will see that the right sidebar content has been pushed below the
   map, so no longer in the correct location. Please advise. Thank you.
 *  Thread Starter [Jodi Wigmore](https://wordpress.org/support/users/jodi-wigmore/)
 * (@jodi-wigmore)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/deactivate-html-code-manipulation-for-print-friendly/#post-4447301)
 * Sorry to be a pest but I’m hoping to fix this soon. Thanks so much.
 *  Plugin Author [Print & PDF by PrintFriendly](https://wordpress.org/support/users/printfriendly/)
 * (@printfriendly)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/deactivate-html-code-manipulation-for-print-friendly/#post-4447302)
 * Content is displayed based on the HTML hierarchy.
 *     ```
       <div id="right-sidebar">This is the first element. It will be displayed on top because it is on top in the HTML hierarchy</div>
   
       <div id="content">This will display below .right-sidebar because it's lower in the HTML hierarchy.</div>
       ```
   
 * Solutions
    - Write your HTML hierarchy in a way that is consistent with your content hierarchy
    - You can use our [custom Print/PDF CSS feature to position content](http://support.printfriendly.com/customer/portal/articles/895256-custom-css-styles)
      on the printed page/pdf.
 * More resources:
    – How to use [Printer Friendly & PDF custom CSS](http://support.printfriendly.com/customer/portal/articles/895256-custom-css-styles).–
   How to [http://support.printfriendly.com/customer/portal/articles/1154460-create-a-custom-css-file-in-wordpress](http://support.printfriendly.com/customer/portal/articles/1154460-create-a-custom-css-file-in-wordpress).–
   How to use [http://support.printfriendly.com/customer/portal/articles/526027-custom-commands](http://support.printfriendly.com/customer/portal/articles/526027-custom-commands).

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Deactivate HTML code manipulation for Print Friendly’ is closed to new
replies.

 * ![](https://ps.w.org/printfriendly/assets/icon-256x256.png?rev=2951152)
 * [Print, PDF, Email by PrintFriendly](https://wordpress.org/plugins/printfriendly/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/printfriendly/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/printfriendly/)
 * [Active Topics](https://wordpress.org/support/plugin/printfriendly/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/printfriendly/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/printfriendly/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [Print & PDF by PrintFriendly](https://wordpress.org/support/users/printfriendly/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/deactivate-html-code-manipulation-for-print-friendly/#post-4447302)
 * Status: resolved