Keep share social icons and like button on actual post but remove from home page

• 

  bogadari · Member · Apr 13, 2014 at 11:53 pm

  • Copy link
  • Add topic to favorites

  My blog is http://thewordbear.com/ and I use pilcrow theme currently.

  On my home page, I have several posts that are short and offer the reader to continue reading to take them to the full post. So now when you scroll down the social share icons and like buttons appear again and again between post titles and the first few words before the continue reading option.

  Is there a way to remove the share social media options and like button on my main home page, http://thewordbear.com/ but keep them on the full posts?

  Now that I have several posts, I think it looks weird on the home page cause the same social share buttons appear over and over again. Rather I’d like them to just appear at the bottom of the full post only, and not on the home page. Is there a CSS option or some other way for this?

  Thanks

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

• 

  gracejiyoung · Member · Apr 15, 2014 at 8:41 pm

  • Copy link

  Hi there,

  Sure! You can do this if you edit CSS. Please go to Appearance > Customize > CSS in your Dashboard and trying adding this:

  .home div.sd-content, .home div.sd-like {
  	display: none;
  }
  
  .home h3.sd-title {
  	color: transparent !important; 
  }

  Let me know if you have any questions with this!

• 

  bogadari · Member · Apr 16, 2014 at 1:05 am

  • Copy link

  Hey, thanks very much, that did the trick. Best

• 

  gracejiyoung · Member · Apr 16, 2014 at 4:34 pm

  • Copy link

  Perfect!

  Happy Blogging :)