Is it possible to delete underlines from posted links?
-
How to delete underlines from posted links
The blog I need help with is: (visible only to logged in users)
-
Hi there. The easiest way to do this would be by editing the theme’s CSS to automatically remove the underlines from all links, anywhere on your site. To do that you’ll need the Custom Design upgrade. More info at the end of this reply.
It is also possible without the upgrade, but then you have to remove it for each link individually. That means if you later do want underlines to show you’ll have to go fix it again for each link individually. Also note that this will only work for links that you add to posts, pages and text widgets, but not for any other links that appear elsewhere on your site, e.g. post titles, widgets, site footer, etc.
In the post editor, insert a link as you normally would. Then switch to the text/html editor. Find the code representing the link. It will look something like this:
<a href="URL of the link">text you're linking from</a>To that snippet of code you add: style=”text-decoration:none;”
So, now the code should look like this:
<a href="URL of the link" style="text-decoration:none;">text you're linking from</a>For the code needed to change everything at once by editing the CSS you can post your question in the CSS customisation forum:
https://en.forums.wordpress.com/forum/css-customization#postformSee here for more info on the custom design upgrade:
http://en.support.wordpress.com/custom-design/#frequently-asked-questions
http://en.support.wordpress.com/custom-design/
http://en.support.wordpress.com/custom-design/editing-css/ -
Thank you. The decoration becomes necessary: l to r format w/o table especially if you try to add non linking text to the right as the underline continues…..
After thought. Is there a way to do this l to r via
- and no table?
Thank you, again.
- and no table?
-
I’m sorry, but I don’t understand what you’re trying to say here.
I don’t know of any other way to prevent links from being underlined except for what I posted above.
-
Apologies. I will use what I was trying to do w/un- bracketed code.
ul – li
Is that a possible workaround, and can that code be given a direction of left to right.
Creating a list of links seems to give no decoration but a dot to the left of a link
Or does ‘ul – li’ create a list only up & down?
Thank you, again.
-
The ul tag is used to create bulleted lists and the li tag is used inside the ul tag to indicate every individual item on the list. It has nothing to do with links or with underlining. See item 6 in this post on how list tags work: https://wpbtips.wordpress.com/2012/02/05/introduction-to-html-for-wordpress-com-users/3/
If you add links inside a list, then the links will be underlined if your theme is programmed that way, but the bullet won’t be underlined. I don’t think there’s any way to underline the bullet. The type of bullet, e.g. a dot, arrow, square, etc. is determined by the theme. I don’t know of a way to change that.
To remove the underline from a link in a list you use exactly the same piece of code I gave you above, inside the opening a-tag for the link.
Let me know if that’s not what you meant. It would help if you can give me a link to a published page or post where you’re trying to do this so I can see what you’re talking about.
-
Thank you, again.
Yes, I easily established a list of links on my blog in several places.
First, in a text widget, I used the unlimited list for a list of links to other web sites, and did nothing to achieve links without underlines. Yet, links underline themselves in posts.
My thinking was creating a list of links l to r with the unlimited list (ul) coding.
An example would be links created on https://daveologicalsociety.wordpress.com/daveological-development-dollars/
The series of links l to r were quite difficult to achieve because the underlines (even with spacing) try to continue as one underlined link.
I realize this is merely appearance because the text determines the link destination.
With some experimentation, and time invested, I was able to achieve the end result desired but, it just didn’t have to be that difficult.
I will use the code provided, should I once again become faced with this dilemma.
TYVM for decoration coding.
-
Thanks for explaining.
First, in a text widget, I used the unlimited list for a list of links to other web sites, and did nothing to achieve links without underlines. Yet, links underline themselves in posts.
It seems to me like your theme uses different styling for links in text widgets and links in posts. This isn’t a glitch, but how your theme was written and nothing to do with whether or not the links are in a list. As I said in my first reply, you’ll need to either edit the theme’s CSS to change this, or edit each link individually with the code I provided.
Regarding lists: Lists don’t work left to right, but only underneath each other, so the list code won’t help you to get links to display next to each other. Table coding might work, but that’s even more complex, so I wouldn’t recommend it unless you’re very comfortable with html.
To have links display next to each other the easiest would be to just type them next to each other and then make sure your spaces aren’t included inside the a-tags for the links. From that page it looks like you figured that out on your own as well.
(And for future reference, the ul-tag refers to unordered lists (as opposed to numbered/ordered lists), not unlimited ;-) )
-
TYVM – Yes, I do remember unordered when it’s mentioned but always seem to get it wrong upon memory and use anything that starts with -u…to describe ‘ul’
Thanks again for all the valuable information.
-
- The topic ‘Is it possible to delete underlines from posted links?’ is closed to new replies.
WordPress.com Forums 