How to Display your Logo in the Footer?

Hav­ing a con­sis­tent style and sto­ry on your web­site is a proof of pro­fes­sion­al­ism and good prac­tice. In this short arti­cle we want to walk you through what you have to do to dis­play the logo of your busi­ness in the foot­er of Oste­ria.

  • Log into the Word­Press Dash­board
  • Go to Appear­ance → Cus­tomize → click on Addi­tion­al CSS and copy-paste the fol­low­ing CSS snip­pet:
.c-footer > div:first-child:before {
content: url('link_to_your_logo');
display: block;
margin-top: 55px;
margin-bottom: 100px;
}
  • Click on Save & Pub­lish and you are done. Your logo is up and kick­ing in the foot­er area of your web­site.

This article applies to Osteria, as they share the same underlying structure.

Updated on October 2, 2017

Was this article helpful?