Birthday: March 5th

February 2015

April 2015

This is how you modify the print-icon to have it show up in a simple menu. If we start with a simple right-aligned menu:

<p style="text-align: right;"><span class="expandall">Expand All</span> | <span class="collapseall">Collapse All</span> | [print-me]</p>

See how the icon jumps to it’s own line?

Expand All | Collapse All |

Let’s fix that.

Step one, assign a some new CSS rules for an id element:

#my_print_id {
    display: inline-block;
}
#my_print_id:before,  #my_print_id:after{
    content: none;
}

Step two, insert a roll-your-own* version of the shortcode like so:

<p style="text-align: right;"><span class="expandall">Expand All</span> | <span class="collapseall">Collapse All</span> | <span class="printomatic pom-small" id="my_print_id"><input type="hidden" id="target-my_print_id" value="article"></span></p>

BAM, it’s working*:

Expand All | Collapse All |

*Note: the roll-your-own method shown above only works for print-o-matic versions 1.5.7 and older. This will not work with print-pro-matic or versions 1.6.0 or newer.

Now lets’s try something new. We have added tag and class attributes to version 1.6.0 so we can now do something like:

The Jedi Way

.my_print_class {
    display: inline-block;
}
.my_print_id:before, .my_print_id:after{
    content: none;
}

And we add our shortcode with the new tag and class attributes:

<p style="text-align: right;"><span class="expandall">Expand All</span> | <span class="collapseall">Collapse All</span> | [print-me printstyle="pom-small" class="my_print_class" tag="span"]</p>

Expand All | Collapse All |

targtag="span" targpos="inline"
Note: if your theme uses :befor and :after pusdo classes for span we need to assign special classes to remove these.
trigclass="span_fix" targclass="span_fix"

CSS

.my_trigger:hover {
text-decoration: underline;
}
.span_fix {
padding: 0 !important;
margin: 0 !important;
}
.span_fix:before, .span_fix:after {
content:  none;
}

Inline Trigger Text

[expand title="just some text as an in-line trigger" tag="span" targtag="span" targpos="inline" trigclass="my_trigger span_fix noarrow" targclass="span_fix"]...[/expand]

Demo 01:

This is an example of some text with [expand title="just some text as an in-line trigger" tag="span" targtag="span" targpos="inline" trigclass="my_trigger span_fix noarrow" targclass="span_fix"]...[/expand] with some small text at the end.

This is an example of some text with just some text as an in-line trigger with some more text coming after. The Central African jungle? We’ve been there. The tunnels under Sao Paulo where you’ll find some of the world’s best art? Sure. Penguins? We love them – just be careful about that wave that’s about to hit our cinematographer there in the center of that photo. with some small text at the end.

Demo 2:

[expand title="the_title" tag="h4" targtag="span" targpos="inline" targclass="span_fix" excerpt="the_excerpt"]the_content[/expand]

WANT TO HAVE COFFEE?