Bottom-of-post-message.htm

<p class="call-to-action">Follow us on facebook <a href="https://www.facebook.com/FamilyLifeBury/" target="_blank" rel="noopener">Family Life Bury</a> and Twitter <a href="https://twitter.com/familylifebury" target="_blank" rel="noopener">@FamilyLifeBury</a> for all the latest news and events.</p>

custom-css.md

Please go to My Site → Customize → CSS (or Additional CSS), then add all of the following code to the bottom of that window.

---

/* This CSS adds emphasis to any paragraph tags with class="call-to-action" .
* 10986967-hc (jw)
*/
.call-to-action {
  border: 5px solid #abd5d3;
  border-radius: 10px;
  color: #38aa9d;
  box-shadow: 4px 4px 4px #efefef;
  font-size: 1em;
  padding: 20px;
  text-align: center;
  margin: 0 10%;
}

/* This CSS styles a footer widget to pop out like an announcement.
* 10986967-hc (jw)
*/
body:not(.home) .footer-widgets {
  height: 400px !important;
}
#text-9 {
  border: 5px solid #abd5d3;
  border-radius: 10px;
  color: #38aa9d;
  box-shadow: 4px 4px 4px #efefef;

  margin: 170px 10% 0 10%;
  font-size: 1em;

  display: block;
  box-sizing: border-box;
  position: relative !important;
  width: 80% !important;
  left: auto !important;
  top: auto !important;
}
#text-9 .widget-wrap {
  margin: 10px;
  text-align: center;
}
@media screen and (max-width: 800px) {
    body:not(.home) .footer-widgets {
      height: 550px !important;
    }
    #text-9 {
      margin: 250px 10% 0 10%;
  }
}
@media screen and (max-width: 610px) {
    body:not(.home) .footer-widgets {
      height: 725px !important;
    }
    #text-9 {
      margin: 350px 10% 0 10%;
  }
}

---

Tip: keep the /* comment */ in the code to later know what this code does.

Example of where to add the CSS