Thread:StarmaidenWarrior/@comment-6078077-20181124103653/@comment-6078077-20181124153401

Okay, so copied from the Pretty Cure Haven wiki, first of all, every template which should have changable colors, needs a gap called "theme".

Then, you need to edit the wiki CSS, which you find at the Admin Dashboard, and add this:

/* color infobox */ /* color=red */ .pi-theme-Red .pi-title { background-color:#a0001d; } .pi-theme-Red .pi-secondary-background { background-color:#e22b4c; } .pi-theme-Red .pi-title { font-size:20px; } .pi-theme-Red .pi-title, .pi-theme-Red .pi-header { color: #ffffff; } .pi-theme-Red .pi-title, .pi-theme-Red .pi-header > div:nth-of-type(1) div, .pi-theme-Red > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; } .pi-theme-Red > div:nth-of-type(1) div, .pi-theme-Red > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

For each color people shall be able to use, you have to add it again. This example will turn the template into a red shade of color if "theme:" is filled out with "Red".

You have to change every Red to another color name, eg. Blue, Yellow, Green. "#e22b4c" determines the colors the templace takes. By changing these color codes, you can individualize your templates. You can use pages like this to get color codes.

Once you finished editing the CSS, you have to save it and probably have to reload the page until the changes show.

Editing CSS can take time as you have to check your edits/color decisions after saving all the time ^^