Editing Link Style

• 

  samdempewolf · Member · Oct 21, 2022 at 7:44 pm

  • Copy link
  • Add topic to favorites

  I was wondering if there was a way to remove the underline that is added to my links.

  WP.com: Yes
  Correct account: Yes

  The blog I need help with is: (visible only to logged in users)

• 

  staff-totoro · Staff · Oct 23, 2022 at 9:42 pm

  • Copy link

  Hi there,

  I visited samanthadempewolf.wordpress.com but did not see any underlined links on the homepage. I did note that links have an underline when you hover over them, but otherwise, it does not appear on the page when you are viewing it.

  Are you referring to the underline you see when you hover? Or am I possibly looking in the wrong place, and if so, can you point out where you see those? Thanks!

• 

  samdempewolf · Member · Oct 23, 2022 at 11:23 pm

  • Copy link

  Oh yes, I meant the the underline that shows up when hovering over a link that I was curious about.

• 

  staff-totoro · Staff · Oct 24, 2022 at 12:12 am

  • Copy link

  Thanks for clarifying.

  It is not possible to edit that directly, as the theme you are using does not have a specific setting for it. The only way to change that would be with the use of a bit of custom CSS code.

  This is the code you will need:

  a:hover, a:focus, .wp-block-navigation a:hover, .wp-block-navigation a:focus {
      text-decoration-line: none;
  }

  Note that it’s not possible to add CSS on our free sites, so this will require an upgrade.

  Usually I recommend the Premium Plan, which includes this ability: https://wordpress.com/plans/

  If you are watching your costs however, you can also purchase our CSS add-on, which will allow you to use CSS code on your site as well: https://wordpress.com/add-ons

  Hope that helps. Please let us know if you have any more questions.