Is this for your Lovely Amulet comic, using the Modern template?
To make changes, you'll first need to create a <style> element in which to put all of the CSS. In Overall Layout, find this line:
- Code: Select all
</head>
Right
above it, add:
- Code: Select all
<style>
</style>
The CSS will go inside of that. CSS rules you put here will override any relevant rules in the default CSS file.
To set a background image for the header, add this CSS:
- Code: Select all
#overall_header {
background-image: url('URL of your header image here');
}
Depending on the type of image it is, you may need to also set a fixed height for the header, as well as set the background to not repeat. Here's what that would look like, if you do need it:
- Code: Select all
#overall_header {
background-image: url('URL of your header image here');
background-repeat: no-repeat;
height: 200px; /*height in pixels, matching the height of your header image*/
}
If you need to remove the comic title text from the banner, go to Overall Layout, find and remove this part:
- Code: Select all
<a class="title" href="{SITE_URL_FULL}">
{SITE_NAME}
</a>
To set a background image for the page, add this CSS:
- Code: Select all
body {
background-image: url('URL of your background image here');
}