Deactivate HTML code manipulation for Print Friendly

Resolved Jodi Wigmore
(@jodi-wigmore)

12 years, 5 months ago

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://ww.wp.xz.cn/plugins/printfriendly/

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

Thread Starter Jodi Wigmore
(@jodi-wigmore)

12 years, 5 months ago

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
(@printfriendly)

12 years, 5 months ago

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
(@jodi-wigmore)

12 years, 5 months ago

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/

But as soon as there is more content it breaks:

http://v2.equitablerealestate.ca/buildings/tester/

Thanks again 🙂
Plugin Author Print & PDF by PrintFriendly
(@printfriendly)

12 years, 5 months ago
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.
```
<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
(@jodi-wigmore)

12 years, 5 months ago

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
(@jodi-wigmore)

12 years, 4 months ago

Sorry to be a pest but I’m hoping to fix this soon. Thanks so much.
Plugin Author Print & PDF by PrintFriendly
(@printfriendly)

12 years, 4 months ago
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 on the printed page/pdf.
More resources:
– How to use Printer Friendly & PDF custom CSS.
– How to 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.

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

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