Removing line underneath linked images

• 

  fallentreegames · Member · Mar 17, 2022 at 12:34 pm

  • Copy link
  • Add topic to favorites

  Hi all!

  Been struggling all morning with this issue on my Twenty Seventeen website: https://fallentreegames.com/games/

  How do I remove the lines underneath the linked images only?

  Thanks!

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

• 

  jamkmak · Member · Mar 17, 2022 at 2:01 pm

  • Copy link

  Hi there,

  You can use custom CSS to remove the lines from under linked images using the CSS text-decoration property. Try this:

  
  a img
  {
    border: 0 none;
  }
  .wp-block-image
  {
    text-decoration: none;
  }
  

• 

  fallentreegames · Member · Mar 17, 2022 at 2:37 pm

  • Copy link

  Hi Jamkmak!

  Thanks for the suggestion! I’ve tried adding that to the Additional CSS in the main control panel, and also on a per block basis, and unfortunately neither seemed to work.

  I’m on the free plan for what it’s worth.

• 

  staff-sheva · Staff · Mar 17, 2022 at 8:22 pm

  • Copy link

  Hi @fallentreegames,

  Please go to Appearance → Additional CSS and save the following:

  .entry-content a {
      box-shadow: none;
  }

  Hope that helps.

• 

  fallentreegames · Member · Mar 18, 2022 at 9:06 am

  • Copy link

  Perfect! That’s fixed it! Thank you so much!