Changing CMS Logo to Own

[slloyd]

How do you change the header on the login screen to your own logo? I found some instructions under Documentation, but what was listed there didn't work.

[cyberman]

How do you change the header on the login screen to your own logo?

Are you mean the logo on startpage of CMSms or the logo on login page to admin panel?

[slloyd]

I meant the login page to admin, but it would be nice to change both, if possible.

[climberusa]

admin/themes/default/images/logo.gif

[cyberman]

but it would be nice to change both, if possible.

For changing the frontpage logo please look at admin panel menu layout -> stylesheets. Go there to stylesheet 'Layout'- you will found in code someone like this:

    /* HEADER */
        div#header {
            margin: 0;
            padding: 0;
            height: 80px;
            background: #385C72 url(uploads/images/logo1.gif) no-repeat 0 12px;           
            text-align: center;
        }

Now you can change it too  ...

[slloyd]

I had already tried that and it didn't work. Must be something I'm doing wrong. I'll try again. Thanks!

[cyberman]

I had already tried that and it didn't work. Must be something I'm doing wrong. I'll try again. Thanks!

What have you tried particulary?

[slloyd]

I've tried everything. Can't get it to work. I've tried changing the file name in the stylesheet to my logo's name. I've tried changing the filename of the logo and changing the file name in the stylesheet. Nothing works. Any suggestions?

 /* HEADER */
       div#header {
           margin: 0;
           padding: 0;
           height: 44px;
           background: #FFFFFF url(uploads/images/logo.gif) no-repeat 0 12px;          
           text-align: left;

[cyberman]

Upps, I'm sorry - my first suggestion comes from an older CMS version. This must be the right one  :

        div#header h1 a {
            background:  url(uploads/images/logo1.gif) no-repeat 0 12px;
            display: block;
            height: 80px;
            text-indent: -700em;
            width: 198px;
            margin: 0;
            padding: 0;
            text-decoration:none;
        }

[slloyd]

Nope. Doesn't work.

}
        div#header h1 a {
            background:  url(uploads/images/logo.gif) no-repeat 0 12px;
            display: block;
            height: 44px;
            text-indent: -700em;
            width: 42px;
            margin: 0;
            padding: 0;
            text-decoration:none;
        }

[cyberman]

Can you post a link please?

[slloyd]

A link to what?

[slloyd]

Sorry to beat a dead horse, but this has got me stumped. I've tried everything suggested here and also in the documentation and I still can't get it to work. Here's my entire code on the Layout page under Stylesheet:

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 1em;
        text-align: center;
    }
    div#pagewrapper {
        margin: 0 auto;
        max-width: 80em;
        min-width: 60em;
        padding: 0;
        text-align: left;
    }
    #container {
position: relative;
margin: 0;
    }
   
    /* HEADER */
        div#header {
            margin: 0;
            padding: 0;
            height: 50px;
            background: #FFFFFF;         
            text-align: left;
        }
        div#header h1 a {
            background:  url(uploads/images/logo.jpg) no-repeat 0 12px;
            display: block;
            height: 50px;
            text-indent: -700em;
            width: 397px;
            margin: 0;
            padding: 0;
            text-decoration:none;
        }
    /* END HEADER */
   
   
    /* CONTENT */
        div#content {

        }
       
        /* MAIN */
            div#main {

            }
        /* END MAIN */
       
        /* SUB */
            div#sub {
               
            }
        /* END SUB */
       
    /* END CONTENT */
   
   
    /* FOOTER */
        div#footer {

        }

        div#footer p {
            font-size: 0.8em;
            margin: 0;
            padding: 15px;
            text-align: center;
        }
    /* END FOOTER */
/* END LAYOUT */



div.breadcrumbs {
  padding: 1em 0;
  text-align: left;
  font-size: 90%;
  margin: 0 1em;
  border-bottom: 1px dotted #000;
}

div.flags {
  float: right;
  width: 18px;
  padding: 1em 0;
  text-align: right;
  margin: 0 1em 0 0;
}

div.left49 {
  float: left;
  width: 49%;
  }

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  }

I'm using 0.13 "Canary" version. I'm trying to change the cms logo on the admin pages to my own logo and a different colored background (white). What the heck am I doing wrong?

[Dr.CSS]

what you posted is for the pages that you make not the admin interface, that is all in the admin folder in the root, it has 2 folders and a bunch of .php files, the lang folder has the files to change the wording that is seen thruout the admin, the themes folder has the layout/CSS for the look of the admin and a folder with the images, like the logo...

[slloyd]

Thanks for the info, Mark. Can you be more specific on the files that you can change the color and text? i found the logo, but I'm not sure how to get rid of the text and change the background color.