Adding logo to header

Permalink
I'm brand new at this and not at all web design savvy. I am not able to add my logo at the top of the web page. I see that a lot of folks have posted this same frustrating issue and I've read the responses and tried them myself with no luck.

Adding an image block in the scrapbook didn't work for me as it seems to be drawing the name from the sitewide settings. If I change the site name there, it changes on my website. But how to get it to use my logo? Any way to do this without having to edit my theme files (which scares me a little)? If I do have to edit theme files, where do I find them?

Thanks in advance for your help.

View Replies:
vincedelaking replied on at Permalink Reply
vincedelaking
Hi Insightally,

The best way, in my homble opinion, is make your theme so that it has a header.php (which is placed in a folder called elements in your theme folder.) There you just make a div with's holds your logo. If you need any more info let me know.
Pritam replied on at Permalink Reply
Pritam
You can try this on the default template that comes with concrete 5 which can be found \siteroot\concrete\themes\default

You need to copy the folder default to \siteroot\themes , this step would ensure that you do not modify the core template.

On your site front you shall notice the site name displaying as H1 link. What you need is the site logo to appear instead of the link. Please open the header.php file which you shall find here \siteroot\themes\default\elements

Open this file and you shall notice the below mentioned code

<div id="header">
      <?php  if ($c->isEditMode()) { ?>
      <div style="min-height: 80px">
      <?php  } ?>
      <div id="menu-wrapper">
         <?php 
         $a = new Area('Header Nav');
         $a->display($c);
         ?>
      </div>
      <!--<h1 id="logo"><!--
         --><a href="<?php echo DIR_REL?>/"><?php 
            $block = Block::getByName('My_Site_Name');  
            if( $block && $block->bID ) $block->display();
            else echo SITE;


with

<div id="topLogo"><a href="<?php echo DIR_REL?>/"><img src="<?php echo $this->getThemePath()?>/images/logo.jpg" alt="Cream Centre Logo" /></a></div>


Hope this helps
insightalley replied on at Permalink Reply
Thanks but I still don't know where those files are located. Sorry folks this is probably not the right tool for me to be using. I need something way more intuitive. Very frustrated.
tlamb replied on at Permalink Reply
In this method Pritam, where do you put the actual logo first? I have gone through these steps but I am new to this as well and maybe a little gun shy so I wanted to ask before I actually did this. Is there an easier way now that 5.6 version has been released?
bosteter replied on at Permalink Reply
Thank you so much - This ACTUALLY WORKS!
insightalley replied on at Permalink Reply
Thanks for the response but where do I find the theme folder?
Pritam replied on at Permalink Reply
Pritam
Have you installed the concrete5 on your webserver ? You also need to tell us the dir structure of concrete5 as you see it !!
insightalley replied on at Permalink Reply
I am using bluehost as web hosting service and installed concrete5 from a link on their site. Are the files online or on my hard drive? I feel silly to have to ask these questions but I'm new at this and it seems like there is a steep learning curve. Thanks for your patience, even though I'm losing mine.
Pritam replied on at Permalink Reply
Pritam
Seems like you have installed concrete5 using the auto-installer script that comes with the cpanel you get from Bluehost. If this is true and if you are attempt to create a new theme for your website then in that case you need to have a web-server set-up on your local drive. If you are on windows you can set-up a webserver by downloading xampp server from http://www.apachefriends.org/

Then download concrete 5http://www.concrete5.org/developers/downloads/... download the latest stable version , to install it locally you can refer to this tutorial

http://www.concrete5theme.com/how-to-install-concrete5-cms-locally/...

There are alot of tutorials and how-to's relating to concrete5 just google them or To speed up your learning process I'd recommend this book Beginners guide to concrete5 by Remo

http://www.packtpub.com/concrete5-beginners-guide/book...
Adreco replied on at Permalink Reply
Adreco
An exact solution is hard to give you, not knowing what theme you have chosen to use for your site. I feel your frustration ( its like traveling to a foreign country and trying to communicate with a translation book isn't it :) )
For you to get a better understanding of whats going on:
1) All the files and content for your site (including C5 of course)now reside on the hosting company's server and the structure is in your "Root" or "Public" file.
2) Using a FTP program ( your host provider may supply one or you can download a free one like Filezilla )you can copy - download - modify - and upload files and changes from your desktop.
3) Help yourself out here. Download the current version of Concrete to your desktop from so you can poke around the structure and find where things are *before* making changes on-line.

Whenever making changes that do not show up or change as expected... Clear both your site cache from the dashboard and your browsers cache too (F5)
Give a try, and don't be shy about asking questions :)
Just remember to let us know details (like theme your using etc)

Good Luck!
insightalley replied on at Permalink Reply
Thanks these are very helpful responses. I'm currently working with the Mint Chocolate Chip theme, but I tried the Plain Yogurt theme and didn't fare any better. I haven't totally settled on a theme and I've just been playing around trying to get comfortable with the editing aspect.

Ok, so I should download concrete5 on my computer (and the theme files, too?) so I can play with them without repercussion. For the real thing, I need to edit the files on bluehost. Is that correct?

Not for nothing but adding a logo should be the easy part.....
Pritam replied on at Permalink Reply
Pritam
The ideal way to start developing a concrete5 is on your local drive. The concrete5 package comes with three built-in themes, so it is already in the site files. You can refer to this documentation.

http://www.concrete5.org/documentation/developers/...
Adreco replied on at Permalink Reply
Adreco
My personal habit is to download and archive. That way I can modify files first (I use Adobe software to edit but also have used the free Notepad++ or Gedit on my laptop)
To view how the pre-installed themes are structured, download concrete and extract all files. Open Concrete, then open the concrete folder, then themes, then select the theme you're using.
(When new themes and add-ons are added to your site online, you'll find them in the packages folder instead).
Once you make an edit, the changed file can be uploaded to your site via FTP to replace the original.

Once again... whether you change the site from the Site Dashboard or upload edits, Be sure to clear your cache! I have ( embarrassingly ) wasted hours redoing edits that were right the first time :(
vincedelaking replied on at Permalink Reply
vincedelaking
To get you a good start at understandig Concrete5 this book comes in very handy:
http://www.packtpub.com/concrete5-beginners-guide/book?mid=090511rt...
insightalley replied on at Permalink Reply
Thanks all for the really helpful guidance.
keagrace replied on at Permalink Reply
I'd LOVE some help with this. I'd replaced the designated PHP code in my header file with the logo one and while the entire header area is clickable, my logo doesn't show up. Maybe it's being asked by the CSS image file for the background of the header? I'm not sure, but I'm really frustrated and would love some help with it.

http://cbpky.com/commonwealth/