Hyperlink colours and lines (Shoreditch theme)

• 

  robsuddaby · Member · May 7, 2016 at 10:24 pm

  • Copy link
  • Add topic to favorites

  I used the below code to remove the underlines in my hyperlinks but then my links completely disappear (as they’re white, same as my theme) so how on earth do i just get rid of the lines?!?! I’ve tried loads of the suggestions from blogposts but none of them seem to work for Shoreditch :(

  a {
  color:#ffffff;
  text-decoration:none;
  }

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

• 

  robsuddaby · Member · May 7, 2016 at 10:42 pm

  • Copy link

  BTW, when you hover over the links, the line disappears

• 

  robsuddaby · Member · May 7, 2016 at 10:45 pm

  • Copy link

  Also… hyperlinks are black by default but when you hover over them, they go to my default blue (which is absolutely fine). I’d like to make the hyperlinks a different colour by default, so code to change that would be great, thanks!

• 

  thesacredpath · Member · May 9, 2016 at 7:33 pm

  • Copy link

  Hi there, the theme author was a bit tricky and actually used a box shadow to create the underline on links. Add the following to get rid of the underline.

  .comment-content a, .comment-reply-title small a, .entry-content a, .entry-footer a:focus, .entry-footer a:hover, .entry-summary a, .logged-in-as a, .pingback .comment-body > a, .site-info a:focus, .site-info a:hover, .taxonomy-description a {
      box-shadow: none !important;
  }

  For the non-hover link color in the post/page content area, we can use the following and you can adjust the color as desired.

  .entry-content a {
      color: #00aa99 !important;
  }

• 

  robsuddaby · Member · May 10, 2016 at 9:39 am

  • Copy link

  I love you.

• 

  robsuddaby · Member · May 10, 2016 at 9:39 am

  • Copy link

  (but seriously, than you SO much!)

• 

  thesacredpath · Member · May 10, 2016 at 7:01 pm

  • Copy link

  Heh, thanks and you are welcome.