Customization – SeekThemes

Topbar Navigation

Edit Template, edit layout.html and find

<ul>
    <li><a href="/"><i class="fas fa-home"></i> <span class="text">Home</span></a></li>
    <li><a href="/"><i class="fas fa-comments"></i> <span class="text">Forums</span></a></li>
    <li><a href="/"><i class="fas fa-shield-alt"></i> <span class="text">Bans</span></a></li>
</ul>

To add a new item in the navigation bar just follow the <li>...</li> pattern.
To edit the HyperLink redirect change href="https://example.com (opens in a new tab)"
Here you can find the list of all available icons: click me (opens in a new tab)

--main-color--transparent variable

This is the same color as Main Color but you need to convert it to RGB using this website: Hex to RGB, you will receive the color in this format rgb(x,x,x) you will need to edit it to rgb(x,x,x,0.6) and place it in Main Color Transparent area.

Edit Footer Links

Edit Template, edit layout.html and find

<ul>
    <li><a href="/"><i class="fas fa-home"></i> <span class="text">Home</span></a></li>
    <li><a href="/"><i class="fas fa-comments"></i> <span class="text">Forums</span></a></li>
    <li><a href="/"><i class="fas fa-shield-alt"></i> <span class="text">Bans</span></a></li>
</ul>

Adding icons to the navbar

Edit the Theme and add this at the end

.navbar-nav > li a:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    display: block;
    top: 0;
    bottom: 0;
    left: -22px;
    margin: auto;
}
.navbar-nav > li > a {
    margin-left: 32px;
}

Repeat for every category with the index changed (nth-child(1), nth-child(2), etc)

.navbar-nav > li:nth-child(1) > a:before {
    background: url("https://i.imgur.com/gXPCyVX.png") no-repeat center;
    background-size: cover;
}

Installation Installation