How to use logo instead of site name
If you want to have a logo instead of Site name in the header of your pages, do the following:
1. Locate the directory of your theme. For default (Plain Yogurt) theme it is /concrete/themes/default/
2. Upload your logo (for example, logo.jpg) to the images directory inside your theme directory.
3. Find the template header.php file at the directory with the theme you are using.
For example, header.php for default (Plain Yogurt) theme can be found in /concrete/themes/default/elements/
4. Open the file and find the code:
<h1 id="logo">
<a href="<?php echo DIR_REL?>/">
<?php echo SITE?></a></h1>
5. REPLACE
<?php echo SITE?>
WITH
<img src="<?php echo $this->getThemePath()?>/images/logo.jpg" alt="logo" />
Of course, images/logo.jpg must be the filepath for the logo you upload at step number 2.
Categories: concrete5 for dummies
Great, simple and clear.
Thanks – it worked fine first time and makes the site look many times better.
Hi mate well thanks. but i am using the same theme which you are using now.(inove) so send me details that how i will use my logo instead of site title in this theme.. please..
thanks.
@usman
We have updated the inove theme, so it now supports the My_Site_Name scrapbook block. Please read more about it here:
http://www.smartwebprojects.net/concrete5-blog/166/replace-site-name-with-logo-p-2/
Please download the inove theme and update the files on your website. Please be careful and don’t overwrite customizations if you’ve done any to the concrete5 theme.
I’ve tried your method and it didn’t work my guess is that the size of my logo didn’t fit. What I had to do is check and see which CSS files are linked then add a CSS width:auto in the class that defines the logo h1 and it worked. But Thank you anyway because you gave me a head start.