customize.md

Customize Natika

custom.css

Create media/custom.css file that you can add your own css styles.

/* media/custom.css */

/* Header */
.natika-body .navbar {
    background-color: #333;
    border-color: transparent;
    color: white;
}

.natika-body .navbar a,
.natika-body .navbar .navbar-nav > li > a {
    color: #e0e0e0;
    text-transform: uppercase;
}

/* Banner */
.natika-body .banner-wrap {
    padding-top: 125px;
    padding-bottom: 125px;
    background: url(https://unsplash.it/2000/600?image=872) no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.natika-body .banner-wrap::before {
    width: 100%;
    height: 600px;
    content: "";
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
}

.natika-body .banner-wrap h1 {
    color: white;
}

Custom Templates

Put your own theme files in templates/theme, for example, your can create a folder templates/theme/flower. Then open etc/secret.yml and change settings.

# ...

natika:
    # ...
    theme: flower 

Now if you create a templates/theme/flower/_global/html.blade.php file, it will override src/Forum/Templates/_global/html.blade.php output.

Natika uses Blade Template Engine

Here we prepare an example theme files: download