Adjusting Print CSS so links are hidden in Gantry 5

Share on facebook
Share on twitter
Share on linkedin
gantry 5 print

Bootstrap loads print styling to most websites that prints out the target link for any linked items. To hide this, go to your templates custom.scss file (if you do not have one, see http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet). Below the other media queries, add:

@media print {
  @page {size: auto;  margin: 0mm;}
  img {border: 0;}
  p a[href^="#"]:after, p a[href^="http://"]:after, a[href^="https://"]:after,.btn-default:after, .btn-success:after, .btn-primary:after, a[href]:after {display: none;}
  p a {word-wrap: break-word;}
  a {color: #000;text-decoration:none;}
}

About YellowWebMonkey

YellowWebMonkey Web design offers reliable website design, SEO and digital marketing services for Joomla, WordPress and Shopify sites. We strive to be a one-stop shop for all your web needs.

Recent Posts

Follow Us