This video demonstrates how to use CSS to target an external link pointing to a certain URL in the Squarespace navigations. In this case, I'm using CSS that says if the url includes the words, "therapyportal" then add the External Link Font Awesome SVG icon after it. For further size control, you can use media queries to adjust the icon size on mobile views separately than the size on Desktop views. For copy and paste code and more details: Reference the full blog post: https://designertofullstack.com/style-an-html-pdf-link-with-the-css-attribute-href/ Here's the link to the Font Awesome external link icon that we used in this Squarespace tutorial. https://fontawesome.com/icons/arrow-up-right-from-square?f=classic&s=solid #squarespacewebsite #websitedesign #navigation

InDesign Tutorial: How to Update "Section" Headers & Marker Variables
103 views

Why You Can’t Edit That! InDesign Master Pages & Linked Files Explained
107 views

How to Generate 60+ Meta Descriptions in Minutes: Wix Studio & Gemini AI
44 views

WordPress Community Q&A: Desktop vs. Mobile Layout Alignment - Restaurant Menu
22 views

Improve Your Webflow SEO in Seconds: The "Convert To" Heading Trick
44 views

Photoshop Layer Masks vs. Clipping Masks Explained: How to Recreate The Economist Magazine Style
66 views