Helping for a banner and background etc

Working on a new template and need help? Come here for support.

Moderator: Help Desk Team

Helping for a banner and background etc

Postby crazylupus » March 5th, 2017, 11:48 am

Hello! I am so sorry. Because I am french (and not really clever with HTLM ha ha) i really don't understand how to have a main banner on my new webcomic and how to change the background.

A nice person help me for my previous webcomic but she deasapeared from Smackjeeves.

I am sure this question was asked so many time but : Is someone could help me?


Thank you so much

Garei
User avatar
crazylupus
 
Posts: 3
Joined: November 30th, 2011, 6:39 am

Re: Helping for a banner and background etc

Postby eishiya » March 5th, 2017, 12:56 pm

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');
}
Image
User avatar
eishiya
 
Posts: 9472
Joined: December 5th, 2009, 11:17 am


Return to Template Development & Support

Who is online

Users browsing this forum: No registered users and 1 guest