We announce the release of NewsCard Pro with lots of features. View beautifuldemos

Adding External Link Indicator with CSS

This topic contains 3 replies, has 2 voices, and was last updated by  Theme Horse Support Team 2 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #59510

    themehorse6
    Participant

    i like to use a external link symbol, but the following code dont work in the css file

    a[target="_blank"]:after {
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
      margin: 0 3px 0 5px;
    }

    Please, can you help me?

    #59555

    Hi there,

    Can you please clarify in which anchor tag you want to use a external link symbol. So that we can help you.

    Thank you!

    #61728

    themehorse6
    Participant

    I would like to mark all external links. So everyone who leaves my website

    #62092

    Hi there,

    Your content value path may not be correct. Please use below custom css code

    a[target="_blank"]:after {
    	content: url(you-image-link-here);
    	margin: 0 3px 0 5px;
    	display: inline-block;
    	opacity: 1;
    	-moz-opacity: 1;
    	filter:alpha(opacity=100);
    }

    Add your image url in above text you-image-link-here.
    Let us know if you have any problem.

    Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.