Zurb Foundation Print Styles - How do I disable the URLs that appear next to anchors when printing?

Question

When I print my page, the actual URL appears next to each anchor tag that looks really weird in the bundles or footers. How can I disable this behavior when using Zurb Foundation 5? Alternatively, if there is a CSS style that I can use to override this behavior, that would be great too.

Here you can see a description of the behavior in your documentation: http://foundation.zurb.com/docs/components/typography.html#print-styles

Answer 1

This is caused by the addition of pseudo-elements to attribute selectors; probably something like this:

a[href*="/"]:after, a[href*="/"]:visited:after {content: "("attr(href)")";} 

You can most likely override this by dropping the contents of the pseudo-element.

Try adding the following to your print style sheet:

 a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;} 

Answer 2

In the Type Zurb Foundation 5 component, URLs are not displayed for images or JavaScript internal links, or rather, looking at the source, it dumps the contents to an empty string.

 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 

So you can do the same for all links

 a[href]:after { content: ""; }