CraftingStore
Customization

General Configuration

All template configuration settings can be found inside base.html

atom = {
          server: {
              ip: 'mc.hypixel.net',
              port: '25565',
          },
          nav_icons: {
... and more

Changing the colors

In order to change the colors of the template, check the first lines of style.css

style.css
:root {
  --background: rgb(28, 36, 44);
  --background-transparent: rgba(28, 36, 44, 0.85);
  --footer: #141820;
  --transparent: rgba(255, 255, 255, 0.15);
  --panel: #25323E;
  --border: #2C3A47;
  ... and more
}

Creating a Patrons Page

In order to create a Patron Page, go to Webstore > Pages, create a page and add the following HTML code using the source editor:

This is an example code showing a single category. You can edit it and add as many players & categories you want.

<div class="category-title">$1000+</div>
<div class="patrons">
  <div class="patron">
    <div class="patron__name">qSeek</div>
    <div class="patron__skin">
      <img
        src="https://mc-heads.net/body/qSeek/left"
        class="fr-fic fr-dii"
        alt="left"
        width="180"
        height="432"
      />
    </div>
  </div>
  <div class="patron">
    <div class="patron__name">qSeek</div>
    <div class="patron__skin">
      <img
        src="https://mc-heads.net/body/qSeek/left"
        class="fr-fic fr-dii"
        alt="left"
        width="180"
        height="432"
      />
    </div>
  </div>
  <div class="patron">
    <div class="patron__name">qSeek</div>
    <div class="patron__skin">
      <img
        src="https://mc-heads.net/body/qSeek/left"
        class="fr-fic fr-dii"
        alt="left"
        width="180"
        height="432"
      />
    </div>
  </div>
  <div class="patron">
    <div class="patron__name">qSeek</div>
    <div class="patron__skin">
      <img
        src="https://mc-heads.net/body/qSeek/left"
        class="fr-fic fr-dii"
        alt="left"
        width="180"
        height="432"
      />
    </div>
  </div>
</div>
InstallationInstallation