Add External Link Icon to Bold Hyperlinks in Squarespace (Style #1)
Add External Link Icon to Bold Hyperlinks in Squarespace (Style #1) Upgrade Link Visibility with a Clean External Icon Make your external hyperlinks stand out and improve UX with this simple, stylish plugin. When you bold a link, an external arrow icon appears—subtly signaling users that the link leads off-site. This is Plugin Style #1, featuring a slightly larger and bolder arrow icon. Plugin Overview Platform: Squarespace 7.1 Style Trigger: Bolded hyperlinks Effect: Displays arrow icon next to the link Setup: Pure CSS (no JavaScript required) Icon Type: External arrow – Style #1 How to Install the Plugin Paste the following CSS into your site’s Design > Custom CSS area: css Copy Edit // HYPERLINK EXTERNAL ICON ( #1 ) - BOLD THE HYPERLINK TEXT TO APPLY THE ICON - GHOSTPLUGINS .COM // p a strong :after { width : 22px ; /* icon width */ height : 22px ; /* icon height */ margin-left : 5px ; /* left spacing */ margin-right : 2px ; /* r...
