Customization – SeekThemes

General Configuration

Edit Template, edit base.html and find

  // SleekStore Settings
  var serverip = 'mc.kround.ro';
  var port = 25565;
  var default_theme = 'light';
  var particles_enabled = true; // true / false

Modifying the Colors & Logo Size

:root {
 --main-color: #3498DB;
 --main-color-transparent: rgb(52,152,219,0.6); /* This is the same color as main-color but for header (because it is transparent), 
											to convert --main-color to --main-color-transparent use 
											this website: https://www.rgbtohex.net/hextorgb/ 
											you will receive the color in this format rgb(x,x,x)
											you will need to edit that to rgb(x,x,x,0.6);
										   */
  --sleek-logo-size: 250px; /* Change Header Logo Size */
}

Topbar Navigation

Edit Template, edit header.html and find

<ul>
    <li><a href=""><span class="material-icons">home</span><span class="text">Home</span></a></li>
    <li><a href=""><span class="material-icons">forum</span><span class="text">Forums</span></a></li>
    <li><a href=""><span class="material-icons">block</span><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)"

Editing the Footer

Edit Template, edit footer.html and find

If you want to disable it, just delete this code.

<div class="seekrow">
    <div class="block">
        <img src="{{ store.logo_url }}">
    </div>
    <div class="block">
        <div class="title">About Us</div>
        <div class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
    </div>      
    <div class="block">
        <div class="title">Quick Links</div>
        <ul>
            <li><a href="HTTPS://YOURLINK.COM">Forums</a></li>
            <li><a href="HTTPS://YOURLINK.COM">Discord</a></li>
            <li><a href="HTTPS://YOURLINK.COM">Support</a></li>
        </ul>
    </div>
</div>

Adding Announcement

Go to Webstore > Pages and Edit Homepage click on View Source Code and add the following code in front of all code

<div class="announce">
    <div class="bar">
        <i class="fas fa-bullhorn"></i>
        <span class="text">This is an example <strong>announcement</strong></span>
        <div class="button">
            <a href="https://example.site">ExampleLink</a>
        </div>
        <div id="particles-js"></div>
    </div>
</div>

Edit This is an example <strong>announcement</strong> with your own announcement.
If you want to remove the button, remove the following code:

<div class="button">
    <a href="https://example.site">ExampleLink</a>
</div>

Changing the background

Edit Template, edit style.css and find

.headerbg {
    background: url(https://i.imgur.com/7gRx5CI.png);
}

Installation Installation