Change logo and it's size?

5 posts from 3 voices

• Started 1 year ago by haritos
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   haritos
   Member

   Hello! I just purchase the Habitat Theme and i want to change the logo size and icon! How can i do that?

   Posted 1 year ago #
2. 

   haritos
   Member

   Can anyone help me?

   Posted 1 year ago #
3. 

   James Morrison
   Former Team Member

   Hey,

   The logo can be replaced in the theme (replace logo.png in the images folder).

   In style.css (around line 147), you'll find this code:

   #top .logo, .logo a {
       border: medium none;
       display: block;
       height: 85px;
       left: 40px;
       margin: 0;
       padding: 0;
       position: absolute;
       top: 20px;
       width: 165px;
   }

   You can adjust the width and height to your new logo size to have it display correctly. If the new size is quite different from the original and causes display problems post the site URL with the new logo and I'll take a look.

   James

   Posted 1 year ago #
4. 

   haritos
   Member

   In my style.css there is this:

   #top .logo, .logo a{
   display:block;
   height:85px;
   width:165px;
   position:absolute;
   left:40px;
   top:20px;
   border: none;
   padding: 0;
   margin:0;
   }

   and i made it to:

   #top .logo, .logo a{
   display:block;
   height:170px;
   width:330px;
   position:absolute;
   left:40px;
   top:20px;
   border: none;
   padding: 0;
   margin:0;
   }

   I changed the width and the height as you said but nothing happened! The logo size that i've from Adobe Illustrator is: Width: 330px and Height:170px as i've written to the style.css. My site is : http://www.e-win.gr

   Posted 1 year ago #
5. 

   Dude
   Dude

   Hey,
   the logo size did change. You need to use your own logo now. Use the admin panel to upload a custom logo or open up style3.css and replace the image location in following code:
   

   .logobg a{
   background: transparent url("../images/skin3/logo.png") no-repeat 0 0;
   }

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.