Please or Register to create posts and topics.

How to create the Christmas Announcement?

Like the one below.

Thank you very much!

Uploaded files:
  • Screen-Shot-2018-12-25-at-3.30.13-PM.png

Hello @datguywilliam

I created the announcement with the following PHP/CSS code:

function holiday_message() {
  echo '<div id="christmas-message">';
  echo '<img src="https://asgaros.com/tree.png">';
  echo '<span><a href="https://asgaros.com/support/topic/limited-support-merry-christmas-happy-new-year-2/">Limited Support during the holidays - Merry Christmas & Happy New Year!</a></span>';
  echo '</div>';
}
add_action('asgarosforum_content_header', 'holiday_message');
#af-wrapper #christmas-message {
box-sizing: border-box;
width: 100%;
text-align: center;
padding: 8px;
border: 1px solid #e0e0e0;
margin: 16px 0px;
background-color: #e2f5bb;
display: flex;
align-items: center;
justify-content: center;
}
#af-wrapper #christmas-message img, #af-wrapper #christmas-message span {
padding: 4px;
}
#af-wrapper #christmas-message a {
color: green !important;
}

 

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!