Changing CMS Logo to Own
Posted: Thu Jun 15, 2006 4:06 pm
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.
Content management as it is meant to be
https://forum.cmsmadesimple.org/
Are you mean the logo on startpage of CMSms or the logo on login page to admin panel?slloyd wrote: How do you change the header on the login screen to your own logo?
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:slloyd wrote: but it would be nice to change both, if possible.
Now you can change it too/* HEADER */
div#header {
margin: 0;
padding: 0;
height: 80px;
background: #385C72 url(uploads/images/logo1.gif) no-repeat 0 12px;
text-align: center;
}
What have you tried particulary?slloyd wrote: I had already tried that and it didn't work. Must be something I'm doing wrong. I'll try again. Thanks!
/* HEADER */
div#header {
margin: 0;
padding: 0;
height: 44px;
background: #FFFFFF url(uploads/images/logo.gif) no-repeat 0 12px;
text-align: left;
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;
}
}
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;
}
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?/* 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;
}