Workshop

Find some useful links + examples to set up your own indexhibit website

Copyright 2017
built with indexhibit
admin

General CSS Information:
https://www.w3schools.com/css/default.asp

Change background colour for full site:
Go to admin / assets / style.css
add this code:

body {
background: yellow !important;
}
#exhibit {
background: yellow !important;
}
#index {
background: yellow !important;
}

Change style for one page only:

go inside project / exhibit add this code:
<style>
div { border: 1px solid green; }
</style>

Change style for one elements only: go inside project / exhibit add this code:
<h2 style="color:yellow;background:blue;font-size:40px;line-height:50px;display:inline-block; padding:20px;margin-bottom:30px">This is a yellow heading with a blue background</h2>

This is a yellow heading with a blue background

colours:
https://www.w3schools.com/tags/ref_colornames.asp
https://htmlcolorcodes.com
https://www.w3schools.com/colors/colors_picker.asp

gradient:
https://www.w3schools.com/css/css3_gradients.asp

#exhibit {
background: linear-gradient(blue, yellow) !important;
}

fun icons:
https://www.copypastecharacter.com

Add Javascript to your website:

For the full website go to:
Go to admin / assets / index.php

Add this code before:
</head>

<script>
your javascript here
</script>