Home › Forums › Support › Styling external links This topic has 4 replies, 2 voices, and was last updated 5 years, 6 months ago by Tom. Viewing 5 posts - 1 through 5 (of 5 total) Author Posts October 27, 2018 at 8:48 am #711931 David Hi Tom and team, I am trying to style my external links similar to how Wikipedia does… I added the following to my style.css a[href^=”http://”%5D:not(%5Bhref*=”holfamily.com”%5D):after, a[href^=”https://”%5D:not(%5Bhref*=”holfamily.com”%5D):after { content: “(EXTERNAL LINK)”; padding-left:5px; } But nothing changes on the site. I’m just curious if there is anything in the theme or customizer that would prevent the change from showing? Just curious if I have a setting or something that’s preventing it from showing. Thanks for any help! October 27, 2018 at 10:08 am #711985 TomLead Developer Lead Developer That code is adding the padding to the :after element. If nothing is there, it won’t work. What happens if you remove :after from the code? October 27, 2018 at 10:21 am #711992 David Hi Tom, Thanks for replying. I tried removing :after but it still doesn’t show the text (EXTERNAL LINK) after external links on the site. Strange eh? October 27, 2018 at 10:58 am #712020 David No worries though… it isn’t a necessity nor a priority. Just wanted to make sure there wasn’t anything in GP conflicting. Thanks Tom 🙂 October 27, 2018 at 6:44 pm #712178 TomLead Developer Lead Developer That looks like it should work now. Can you link me to a page with a link it should be applying to? Author Posts Viewing 5 posts - 1 through 5 (of 5 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In