Adding text to the Hemingway Rewritten footer

• 

  tessawooldridge2015 · Member · Jul 26, 2015 at 6:32 am

  • Copy link
  • Add topic to favorites

  I’d like to add some additional text the Hemingway Rewritten footer, preferably above the horizontal line that currently splits the footer area. (I have a Premium upgrade.)

  How do I do this?

  Looking forward to your assistance. Thank you.

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

• 

  thesacredpath · Member · Jul 26, 2015 at 7:53 am

  • Copy link

  Hi there, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to add text above the footer and have a line separating it from the existing footer credits.

  .site-info::before {
      content: "This is my Text";
      display: block;
      border-bottom: 2px solid rgba(255, 255, 255, 0.1);
      padding-bottom: 20px;
      margin-bottom: 20px;
  }
  .site-info {
  border-top: none;
  }

  If after adding the above, you wish to get rid of some of the space above your added text, add the following and adjust the 6.8em value (1.0em seems to look good).

  .site-footer {
      padding-top: 6.8em;
  }

• 

  tessawooldridge2015 · Member · Jul 26, 2015 at 11:56 pm

  • Copy link

  Hello again. Thank you for your very quick response to my query. I deleted the following text from the CSS field:
  /*
  Welcome to Custom CSS!

  To learn how this works, see http://wp.me/PEmnE-Bt
  */

  and inserted this instead:

  .site-info::before {
  content: <P>COPYRIGHT NOTICE: Unless otherwise stated, all text and photographs copyright Tessa Wooldridge. 2015.</P>

  <P>HEADER IMAGE: Taken from The Harry Mackay Windows, Mt Martha Uniting Church, Victoria. | Artist: John Ferguson (1923‒2010). | Photographer: Christopher Wooldridge. | Used with permission.</P>

  display: block;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px;
  }
  .site-info {
  border-top: none;
  }

  I’ve saved the changes, but nothing seems to have changed on my site. Where have I gone wrong?

  Thanks for your forbearance. I hope I’ll hear from you again!

• 

  ehtis · Staff · Jul 27, 2015 at 10:05 am

  • Copy link

  The culprit is the content: line in the above code, Tessa!

  You can’t use HTML tags in that line, and also no line breaks, please. Wrap your entire message in quotes and end with a semicolon, something like this:

  .site-info::before {
  
      content: "COPYRIGHT NOTICE: Unless otherwise stated, all text and photographs copyright Tessa Wooldridge. 2015. HEADER IMAGE: Taken from The Harry Mackay Windows, Mt Martha Uniting Church, Victoria. | Artist: John Ferguson (1923‒2010). | Photographer: Christopher Wooldridge. | Used with permission.";
  
      display: block;
      border-bottom: 2px solid rgba(255, 255, 255, 0.1);
      padding-bottom: 20px;
      margin-bottom: 20px;
  }
  .site-info {
  border-top: none;
  }

  Your blog is private so I can’t tell how this will look, but I’d suggest you shorten the message a bit to fit it nicely.

• 

  tessawooldridge2015 · Member · Jul 27, 2015 at 11:04 pm

  • Copy link

  Hello ehtis – all fixed now (with a shortened message so it fits on one line). And I’ve incorporated thesacredpath’s tip about reducing the space above the text.

  Thank you both for you prompt assistance. Tessa

• 

  ehtis · Staff · Jul 28, 2015 at 3:07 am

  • Copy link

  Glad you worked it out! =)