Twenty Seventeen: display-posts, how to suppress line?

• 

  manuschwendener · Member · Apr 24, 2017 at 10:19 pm

  • Copy link
  • Add topic to favorites

  Hi

  My CSS for display-posts at the moment:

  .display-posts-listing .alignleft {
  	float: right;
  	margin: 5px 5px 25px 25px;
  }
  
  .display-posts-listing .listing-item {
  	clear: both;
  	padding-bottom: 40px;
  }
  
  .display-posts-listing .listing-item .title {
  	display: block;
  	font-size: 125%;
  	margin-bottom: 10px;
  }
  
  .display-posts-listing .excerpt-dash {
  	display: none;
  }

  Is there a way to get rid of the thin line below the post titles on https://ubblogtest.wordpress.com?

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

• 

  garysixtyeight · Member · Apr 24, 2017 at 11:32 pm

  • Copy link

  Hi there,

  Please try using the css below:

  a.title {
      box-shadow: none;
      -webkit-box-shadow: none;
  }

  You’d also like to remove the box-shadow when hovering over titles, please use this css instead:

  a.title, a:hover.title {
      box-shadow: none;
      -webkit-box-shadow: none;
  }

• 

  manuschwendener · Member · Apr 25, 2017 at 5:34 am

  • Copy link

  Thank you Gary, working great! :-)

  I’d like to keep the underline while hovering – although it looks a bit strange because it is so much longer than the post title.

• 

  manuschwendener · Member · May 23, 2017 at 5:39 am

  • Copy link

  For others who land here:

  > underline … is so much longer than the post title

  solved: https://en.forums.wordpress.com/topic/twenty-seventeen-display-posts-listing-length-of-hover-line-under-link?replies=4#post-2949630