1. Tips & Tricks with Multiple Skins
Portal Skin Mania
Tips & Tricks with Multiple Skins

2. What is a skin?
A portal theme specifically designed to match your church’s website
You already have a few installed on your system
You can create multiple skins!

3. Why use different skins
Continuity in branding
Match design schemes with an event
Because you can!

4. How to use the default skins
Multiple skins preinstalled
Default skin is not your only option, but it will be the best out of the box
Preview mode is your friend

5. Modifying an Existing Skin
Everything looks good, but something is still off…
For instance, you want to hide the currency field in online giving
You will need to create a JavaScript function similar to the one below:
<script type="text/javascript">
function setupCustomerEvents() {
$("#ddlCurrency").hide() }
</script>

6. Modifying an Existing Skin
Possibilities are limitless, but make sure you test!
It’s all about finding the right element to change
For example, button text changes:
<script type="text/javascript">
function setupCustomerEvents() {
$('#btnComplete').text('Checkout');
$('#btnAddRegistration').text('Cart'); }
</script>

7. Creating your own skin (Advanced)
Needs:
Good code editors are Visual Studio Code and Notepad++ for free
Understand basics of HTML and CSS
Administrative access to your MinistryPlatform instance
Vision for your skin

8. Creating your own skin (Advanced)
Steps
Choose a style for your skin
Clone an existing theme
Place files in the correct folders with tokens
Test!

9. Knowledgebase Articles
Portal Admin
Assigning rights -
Downloading a skin -
Altering skins -

10. Thank you!