Show an arrow after links that open in a new tab

Last updated:

24 June 2026

Add the following css to show a north-east arrow after a link that opens in a new tab.

a[target="_blank"]::after {
  content: "\2B67";
  vertical-align: super;
  font-size: 0.8em;
  font-weight: 600;
  margin-left: 2px;
}Code language: CSS (css)

The above also adds an arrow to Divi buttons that open in a new tab. To avoid that, use this css:

a[target="_blank"]:not(.et_pb_button)::after {
  content: "\2B67";
  vertical-align: super;
  font-size: 0.8em;
  font-weight: 600;
  margin-left: 2px;
}Code language: CSS (css)

See also