Customization

Learn how to create your own style without changing the theme’s core files so you can take advantage of future updates.

How to include a typeface?

Add or change Hostbit typography with the following instructions.

Import the stylesheet @import url from "assets/css/style.css" to change Google Font.

<!-- google fonts -->
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap')

Open "assets/css/style.css" files and simply replace the font-family from <body> and <heading> tag with yours.

body {
    font-family: 'Quicksand', sans-serif;
  }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Quicksand', sans-serif;
  }

How to change logo?

To change logo simply go to "assets/img/logo/logo.png". Then place your logo here.

<!-- Logo -->
<a class="navbar-brand" href="index.html">
    <img class="navbar-brand-regular" src="assets/img/logo/logo-white.png" alt="brand-logo">
    <img class="navbar-brand-sticky" src="assets/img/logo/logo.png" alt="sticky brand-logo">
</a>