How to Add Logo to Weebly site
July 12, 2011 Tags: align, css, logo, title, weebly
Category: Custom HTML, Elements & Features, Headers & Footers, Tutorials 18 Comments 
Adding logo to your weebly site can be done in three ways.
[Update: Please check the newer topic about adding logo to your Site Title]
- If the theme you chose has a built in logo support, just move your mouse on to logo and you will see ‘Edit’ appear. Click and select the image you like to use. The theme we used for the demo site SeattleHomes.weebly.comsupports logo.
Click the Logo and Select your own logo image
But the theme used for another demo site KanataHomes.weebly.com does not support a logo. So, we have to go for option 3 to add a logo.
- If you are using a theme with banner image like in Telugu Movies etc site, you can include the logo image in the banner. For Telugu Movies site, we chose not to include a logo. If you want to, you can do some thing like in the banner of Telangana Beat site.
Logo included as part of Banner Image
- To add a logo to a theme does not have a built in support for adding or editing a logo, like the theme we used for Kanata Homes, you will need to edit CSS (style sheet). Go to Design –> Edit HTML/CSS.
First step is to upload the logo file. Click on ‘Files’. Upload the file. For Kanata Homes, we uploaded KanataHomesLogo2.png. We will add this file in our style sheet.
Click the ‘CSS’ tab. Find the place that says .title{
Add a line background: url(KanataHomesLogo2.png) left top no-repeat; 
Change the name from KanataHomesLogo2.png to the name of the logo file you uploaded. Click the ‘Save & Exit’. The changed CSS will be saved as your new theme. Publish it.
For Kanata Homes site, we added padding: 30px 0px 30px 0px; also to the title so that we get some extra space above and below the logo. If your logo image already comes with spacing added to it, you may not need to add this line. Without this line, the image will start from top which is not aesthetically appealing.
To get the Title next to the logo, we changed the padding so that the title does not overlap the logo.
Change the padding so that the title does not overlap and gets indented to the right a little. You can review the cahnges in real time in weebly theme editor.
Once the title alignment is correct, save the theme. That should display the Logo and Title aligned correctly.
Make sure the design looks right in the browser. Also check how the title appears in browser window. This is important for search engines.
hey buddy i am unable to do that please help me to add ma logo to website instead of the text title
Your website seems to have the logo. I guess you have it working now.
Some themes don't have a "title" section, and have a "logo" section instead. (The sunflower theme, among several others.) Do you know if it's possible to add your own logo to those style sites? (I've tried and failed many times, lol.) Thanks!
You can add logos to all of the themes. For some of them, you may need to edit the CSS. In the option 3 in the above, the theme did not have logo for 'Kanata Homes'. We added the logo. Steps are in there. I haven't seen a theme where Title is not available. I tried to look for the 'Sunflower' theme but the themes do not display name. I think you should wait for a couple of weeks, when Weebly is going to update the themes. I assume every theme out there will get a 'Click and update' logo option. If you can point to a site with 'sunflower' theme, that makes it easy to check.
I used option 3. How do I now link the logo to the home page?
In your html, surround the
<div class="title">{title} </div> with the link. Like
<a href="http://yoursite.weebly.com><div class="title">{title} </div></a>
Depends on your theme. But you get the idea. Attach a href.
Hi, the theme I'm using (Presscut Theme) doesn't have the 'title' or 'logo' section – can I still add a logo?
Thanks.
Yes. You need to change the CSS. in option 3 above, kanatahomes.weebly.com, the theme does not have a logo. We added it in.
Okay, so for some reason there is no title, navigation, or logo in my css. I'm using Andreas Viklund's web designed page. The one with the cars in the snow. It's very difficult to find a site to help me get my title image linkable to the homepage. Any help would be greatly appreciated.
Thanks
Regular static templates don't work for Weebly. They need to be converted with right tags so the titles, header, footer are automatically picked from settings.
Thanks Raju.
I'm new to html and css. What should I do to fix the problem? Do I need to build a new one, or is there an easier way to add those tags.
Thank you
Hello, I have done a few steps of editing in CSS, like hiding the footer and changing my background color, however, i am needing help with editing the size of my logo on the site. The theme i am using has it at a set size and it is farrrrrrrrrrr too small for my taste, if you have any insight on how to edit that it would be greatly appreciated !!
thanks, Brittney
Please post in Forums. The details would be too lengthy for comments here.
i have the same problem i just need to make my logo bigger and the border it touches a liitle smaller
thnak you davinder
Mr. Raju i am also unable to add logo to my site
coadb.weebly.com
sorry i have been sucessfully added logo
thanks very much
I cannot add my logo to the template as well. The common problem that we are experiencing is that the version of Weebly I have does not have a .title on the CSS page. There is a .main and .box in my template. Then when you go to the HTML page, there is only a div class=main, div class=box and div class=main bg box. After trying all options, I was able to upload my logo, but it was so large, so I deleted it. Now, I can’t recall which option I chose, but it was not “title” since I don’t have that option. Also, how do I resize my logo and have it repeat in the header on every page? Thanks.
My theme doesnt and have either.
i need to have a URL location for my logo – can i upload to a hidden page on my website and use that location.
when people share a blog article from my site to Facebook the area for my sites logo is all messed up as it attempts to insert the title fonts…?
thnx !