CSS Acknowledgement Code

• 

  ftforphans · Member · Nov 25, 2014 at 1:58 pm

  • Copy link
  • Add topic to favorites

  Hello. I need a CSS code to add an acknowledgement in my footer. Is that possible?

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

• 

  thesacredpath · Member · Nov 25, 2014 at 3:36 pm

  • Copy link

  You can add text to the footer area either above or below Blog at WordPress.com. | The Misty Lake Theme. with the following

  .site-info:before {
      content: "This is my acknowledgement";
      display: block;
      font-weight: bold;
      font-size: 110%;
  }

  The above adds the text before the existing footer. To add it after, change “before” to “after”.

  I also included a couple of styling declarations (font weight and font size) so that it would stand out a little more. If you do not want to use those, you can delete them from the code.

• 

  ftforphans · Member · Nov 26, 2014 at 10:08 am

  • Copy link

  Is there a CSS Code to remove the “Blog at WordPress The Misty Lake Theme” in the footer area”

• 

  thesacredpath · Member · Nov 26, 2014 at 6:07 pm

  • Copy link

  Hi @ftforphans, you are not allowed to hide the WordPress.com and theme footer credits per our Terms of Service (#11). Even the VIP sites here at WordPress.com (CNN, Time, etc.) are required to keep the footer credits. See the Frequently Asked Questions on the Custom Design support page for additional information.

  You are allowed to restyle the footer credits to better fit with your design as long as they remain readable, and you can also add text, like a copyright, to the footer credits.

• 

  ftforphans · Member · Nov 26, 2014 at 6:52 pm

  • Copy link

  How can I restyle the footer credits? Is it a CSS Code?

• 

  thesacredpath · Member · Nov 26, 2014 at 7:10 pm

  • Copy link

  Change what you have now into this, and then you can edit the color in the second rule to change the existing credits. I added a white color declaration to the .site-info:before rule so that it would stay white.

  .site-info:before {
      content: "A Father to the Fatherless Orphans' Fund is a non-profit 501(c)3 Corporation Licenced in the state of NV";
      display: block;
      font-size: 110%;
      font-weight: 700;
      color: #fff;
  }
  .site-info, .site-info a {
      color: #ddd;
  }

• 

  ftforphans · Member · Nov 26, 2014 at 7:37 pm

  • Copy link

  Is the color of the “blog at WordPress The Misty Lake Theme” Theme the only thing customizable? Can you move the “blog at WordPress The Misty Lake Theme” to the right bottom corner?

• 

  thesacredpath · Member · Nov 26, 2014 at 11:44 pm

  • Copy link

  You can keep your text centered by adding a text-align: center; declaration and then add a text-align: right; to the second rule, but it looks weird.

  You can try the following and see what you think. I’ve added some bottom margin to your added text and taken away the bottom margin in #page and then right aligned the existing footer credits. Replace what you have now with the following.

  .site-info:before {
      color: #fff;
      content: "A Father to the Fatherless Orphans' Fund is a non-profit 501(c)3 Corporation Licenced in the state of NV";
      display: block;
      font-size: 110%;
      font-weight: 700;
      text-align: center;
      margin-bottom: 40px;
  }
  .site-info, .site-info a {
      color: #fff;
      text-align: right;
  }
  #page {
      margin-bottom: 0;
  }

• 

  ftforphans · Member · Nov 27, 2014 at 7:11 am

  • Copy link

  Thank you so much for your help.