フッターのカスタマイズ
フッターカスタマイズのサンプルです。
ワークスペースの管理画面から、「カスタマイズ設定」>「フッターのHTML」を編集します。
フッターのHTML
<style>
.__footer_container {
padding: 48px;
background-color: #03030e;
color:#fff;
}
.__footer__image {
width: fit-content;
height: 32px;
margin-inline: auto;
margin-bottom: 16px;
}
.__footer__menu {
white-space: nowrap;
font-size:14px;
}
.__footer__menu > li {
margin-bottom: 8px;
}
@media (min-width: 640px) {
.__footer__menu {
display: flex;
justify-content: center;
column-gap:16px;
}
}
</style>
<div class="__footer_container">
<div>
<a href="https://www.runbook.jp/" target="_blank">
<img class="__footer__image" src="https://kintone.runbookapp.com/assets/images/logo-runbook-wht.svg" />
</a>
</div>
<ul class="__footer__menu">
<li><a href="https://www.runbook.jp/" target="_blank">製品サイト</a></li>
<li><a href="https://support.runbook.jp/" target="_blank">サポート・お問い合わせ</a></li>
<li><a href="https://support.runbook.jp/docs/admin/8/privacy" target="_blank">プライバシーポリシー</a></li>
</ul>
</div>
最終更新:
関連する記事
CSSクラス名の一覧
