Use a dashicon as the shortlink

  • Resolved swin66

    (@swin66)


    1 year, 4 months ago

    Using the short code (%short_url%) I want to have the short url link displayed on every page (ideally in my top menu bar) as a dashicons icon and not display the actual text link.

    I’m not great at css and have tried a few things but I don’t seem to be able to get it to work.

    My current effort is 

    .shorten_url {
  font-size: 10;
  text-decoration: none;
}
.shorten_url:before {
  visibility: visible;
  content: "\\f103";
  font-family: "dashicons";
}

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Mike L

    (@mikeatkaizencoders)

    Hello,

    Thanks for reaching out to us.

    We haven’t tried this. We will take a look at it and see if we can implement it without any changes.

    Plugin Author Mike L

    (@mikeatkaizencoders)

    Hello,

    Please try following the code and adding to Display HTML settings. 

    <div class='shorten_url'>
   The short URL of the present article is:
<a href="%short_url_without_link%" target="__blank"><span class="dashicons dashicons-admin-links"></span></a>
</div>

    Hope that helps.

    Thread Starter swin66

    (@swin66)

    Yes, that worked – thanks.

    Is is possible to have it in the menu bar as I used that codde there and the short code hasn’t been parsed

    Plugin Author Mike L

    (@mikeatkaizencoders)

    Glad to hear that ??

    The shortcode doesn’t work in the menu by default. You may want to try this plugin (we haven’t tried it though) and check if that works.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Use a dashicon as the shortlink’ is closed to new replies.

Tags