Adjusting Print CSS so links are hidden in Gantry 5
Share on facebook
Share on twitter
Share on linkedin
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.