Layout messed up when using password protect for posts – Forever Theme

• 

  carlaanddavidswedding · Member · Apr 4, 2015 at 8:50 am

  • Copy link
  • Add topic to favorites

  When I publish a protected page on the forever theme the text ‘Enter your password to view comments’ overlaps the title. There appears to be no solution?

  Please help!!!

  Thank you

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

• 

  kokkieh · Staff · Apr 4, 2015 at 11:17 am

  • Copy link

  Hi there. Can you please give a link to the specific page so we can check this for you? You don’t need to give the password.

• 

  carlaanddavidswedding · Member · Apr 4, 2015 at 10:17 pm

  • Copy link

  Website: http://carlaanddavidswedding.com
  Overlap appears on home page

  Webpage: http://carlaanddavidswedding.com/2009/12/13/contributing-to-our-honeymoon-2/

  Many thanks

• 

  timethief · Member · Apr 4, 2015 at 10:25 pm

  • Copy link

  Hi there,
  I see the issue and I tagged this thread for Staff assistance. Please subscribe to it so you are notified when they respond. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.

• 

  carlaanddavidswedding · Member · Apr 4, 2015 at 11:53 pm

  • Copy link

  Thank you for your help

• 

  thatrobyn · Member · Apr 6, 2015 at 2:30 am

  • Copy link

  Hi there!

  It’s the CSS code you’ve added to remove the meta data (date, etc), that is messing up the spacing in the password protected posts.

  Let’s add a line of CSS code to see if we can remove the overlapping.

  If you’d like to give this a try, go to your customizer by clicking the link below:
  https://carlaanddavidswedding.wordpress.com/wp-admin/customize.php?r

  Then, click CSS in your menu. In the CSS Revisions box, please paste the following underneath all existing text:

  .comments-link {
  position: left;
  }

  Then Save your changes. That should do the trick!

  For more detailed instruction on how you can make CSS adjustments on your own, take a look at these two links:
  https://dailypost.wordpress.com/2013/06/21/css-intro/
  https://dailypost.wordpress.com/2013/07/25/css-selectors/

  Thanks so much!

• 

  carlaanddavidswedding · Member · Apr 7, 2015 at 8:08 am

  • Copy link

  Thank you very much for the post and advice.

  I have followed your instructions and copied the CSS link into the revisions box as instructed. I saved it but the text is still overlapping.

  Are there other solutions?

  Many thanks

• 

  thatrobyn · Member · Apr 7, 2015 at 4:49 pm

  • Copy link

  Hey there!

  How odd! I did notice that the overlapping text seemed to repeat what was already on the page: “This content is password protected. To view it please enter your password below.”

  I added the following code to hide the overlapping text. Could you let me know if it works for you?

  .comments-link {
  visibility: hidden;
  }

  Let me know if this solution works, or if we need to go back to the drawing board!

  Thanks :)

• 

  carlaanddavidswedding · Member · Apr 8, 2015 at 9:51 am

  • Copy link

  Evening!

  Yes, it worked a treat, thank you!

  Thank you very much help on this.

  Regards

  David

• 

  thatrobyn · Member · Apr 8, 2015 at 5:33 pm

  • Copy link

  David!

  Fabulous :) That’s what I like to hear!

  Please let us know if you have any other questions. Thanks much!