green arrow for outer links

You can add custom css in Advanced- responsive and custom css

https://christianoliff.com/blog/styling-external-links-with-an-icon-in-css/

Thanks @wpsoul it’s working.

But it also adding to GSPB buttonbox like this

Which doesn’t look good, how should I hide it for buttons within the contents using this plugin.

Thanks again.

Hi, @wpsoul I did exactly I wanted but, that code from above article is also applying the underline to all the links within button and also in table of contents. ??

I wanted to have underline using this code article a {border-bottom: 3px solid #325fe1;}. which is working also fine, and for external links above article you had mentioned.

But this underline is also being applied to every greenshift block with links ??, although for sticky block it is looking cool with underline.

Let me know, what code should I add to exclude greenshift blocks with links to not have underline texts.

Thank you.

a:not([class])

such selector will select all links except those which have classes like in button block

Hi, @wpsoul I tried this above code, but wasn’t working.

So, I thought instead of adding this into the whole article and removing for buttons and all, why can’t I just add it to the paragraph as most of the useful links we add it in the para.. so, I added this code >

#content p a{
	border-bottom: 3px solid #325fe1;
	
}

for underlining links.

But in some case, I also may use external links or any links in colored boxes i.e info box block in this plugin,

#content .wpsm_box a{
	text-decoration:underline;
}

Using this way everything is fine.

What do you think? ?? and can we make this code shorter? within one code? Instead of separate 2 codes!!

• This reply was modified 2 years ago by Xandro.

Also, for the arrow, I did same logic, but if I have to use it in info box block, I have to make separate code, or can we add it in the same code? Please clear me on this!

Rest everything worked out as I wanted.

Thank you so much. ??