Replace site name with my logo?
Permalink 1 user found helpful
Hi All, I guess you could call me a "bald" NOOB because I've torn all my hair out trying to find the answer to this. I'm using C5 5.4.0.5 with the Earth tones theme. How do I remove the site name and put my logo there instead? Please be gentle with me I feel more than stupid already. Thank you!
Soulsong,
here is link to another thread about how to do this:
http://www.concrete5.org/community/forums/usage/replacing-concrete5...
There are some good ideas in here as well.
here is link to another thread about how to do this:
http://www.concrete5.org/community/forums/usage/replacing-concrete5...
There are some good ideas in here as well.
Thank you cannonf700! And where do I access this code? I know...you're laughing your a** off...
It would be nice if you could just use My_Site_Name, but TinyMCE puts <p></p> tags around it.
I have a client that wants to change the logo(s)/themes based on events/holidays/etc.
I have a client that wants to change the logo(s)/themes based on events/holidays/etc.
you can easily change that. There's a tinymce configuration which looks like this by default:
forced_root_block : 'p'
Create a custom tinymce configuration in the dashboard and set this to '' and it shouldn't see any of these tags..
forced_root_block : 'p'
Create a custom tinymce configuration in the dashboard and set this to '' and it shouldn't see any of these tags..
Nope, not laughing at all.
Here's the file path to your header.php file.
1. If you uploaded your theme automatically from the Market Place via your dashboard then the themes folder location will be here: your_root/packages/theme_earthtones/themes/earthtones/elements/header.php.
So I tested my suggestion locally on my machine with the earthtones theme and it worked. I had to open the minimalist_base.css and adjust the buttom margin of this element:
#page #header #logo{
so the logo would sit closer to the top line.
Good look
Here's the file path to your header.php file.
1. If you uploaded your theme automatically from the Market Place via your dashboard then the themes folder location will be here: your_root/packages/theme_earthtones/themes/earthtones/elements/header.php.
So I tested my suggestion locally on my machine with the earthtones theme and it worked. I had to open the minimalist_base.css and adjust the buttom margin of this element:
#page #header #logo{
so the logo would sit closer to the top line.
Good look
A thousand apologies because you have been so helpful and I'm sure this is easy for many... however apparently not for me.
Yes, I uploaded my theme from the Market Place Dashboad. Do I get to the .php file from the dashboard when i'm editing my site? If so how? I've been all over the entire site - every inch of the dashboard - read 1000 forum topics trying to find how to access this code and I'm at a complete loss.
Yes, I uploaded my theme from the Market Place Dashboad. Do I get to the .php file from the dashboard when i'm editing my site? If so how? I've been all over the entire site - every inch of the dashboard - read 1000 forum topics trying to find how to access this code and I'm at a complete loss.
Don't go disappointed. Please try the following steps to incorporate logo into the header of your site.
1. Go to dashboard, click on Scrapbook.
2. Click on the link to Global Scrapbook
3. You will see an item with
Content: "My_Site_Name".
Click on "Edit" link against it.
4. It will open tinyMCE window, where you can edit whatever the content you want in the logo. You may upload picture file also.
5. Save it. Your logo will be dispalyed. Return to your website and see it displays OK.
If you could not get it proper, do the following:
1. Go to dashboard, click on Scrapbook.
2. Click on the link to Global Scrapbook
3. You will see an item with
Content: "My_Site_Name".
Click on "Delete" link against it.
4. You will get a button "Add block to scrapbook"
5. Click on it. You will get "Add Block" , Select "Image"
6. Add and upload your logo file (picture file).
7. You will see the logo in the golab scrapbook.
8. Click on the link "Rename"
9. Rename fthe item to "My_Site_Name"
10. Return to Website, you can see the logo in the header of your website.
11. You may resize your logo to suit the look and feel of your site.
Hope this helps. Kindly let me know if it works. If you have further doubts, dont hesitate to contact. Good Luck.
Binoy.
1. Go to dashboard, click on Scrapbook.
2. Click on the link to Global Scrapbook
3. You will see an item with
Content: "My_Site_Name".
Click on "Edit" link against it.
4. It will open tinyMCE window, where you can edit whatever the content you want in the logo. You may upload picture file also.
5. Save it. Your logo will be dispalyed. Return to your website and see it displays OK.
If you could not get it proper, do the following:
1. Go to dashboard, click on Scrapbook.
2. Click on the link to Global Scrapbook
3. You will see an item with
Content: "My_Site_Name".
Click on "Delete" link against it.
4. You will get a button "Add block to scrapbook"
5. Click on it. You will get "Add Block" , Select "Image"
6. Add and upload your logo file (picture file).
7. You will see the logo in the golab scrapbook.
8. Click on the link "Rename"
9. Rename fthe item to "My_Site_Name"
10. Return to Website, you can see the logo in the header of your website.
11. You may resize your logo to suit the look and feel of your site.
Hope this helps. Kindly let me know if it works. If you have further doubts, dont hesitate to contact. Good Luck.
Binoy.
Tony,
I used the steps you outlined for the header.php file and it worked.
Binoy's steps sound good as well!
Thanks,
Matthew
I used the steps you outlined for the header.php file and it worked.
Binoy's steps sound good as well!
Thanks,
Matthew
Hello,
An update: I tried to follow Binoy's instructions, but there is no Global Scrapbook in the new version of C5.
Is there an equivalent qay to do this in the new version?
Thanks,
Matthew
An update: I tried to follow Binoy's instructions, but there is no Global Scrapbook in the new version of C5.
Is there an equivalent qay to do this in the new version?
Thanks,
Matthew
Thank you Binoy for this info.
I was looking for how to do the same thing and reading down the post and saw your instructions.
For me, the whole point of a good CMS is not having to write/edit code, otherwise, I would just use code to create/manage sites.
I am not that impressed with C5 so far as many edits require knowing a little php and css.
Your instructions worked perfectly and I was able to update my clients website within about 30 seconds, that's what I'm talking about. Thanks again,
-Martin W.
http://www.walkerseo.com
I was looking for how to do the same thing and reading down the post and saw your instructions.
For me, the whole point of a good CMS is not having to write/edit code, otherwise, I would just use code to create/manage sites.
I am not that impressed with C5 so far as many edits require knowing a little php and css.
Your instructions worked perfectly and I was able to update my clients website within about 30 seconds, that's what I'm talking about. Thanks again,
-Martin W.
http://www.walkerseo.com
Thank you binoy!!!
I find when I place my logo, the link does not encompass the whole logo and only the bottom half of the logo. How can I adjust the a tag to make the whole image the link?
Thanks in advance,
Hesam
I find when I place my logo, the link does not encompass the whole logo and only the bottom half of the logo. How can I adjust the a tag to make the whole image the link?
Thanks in advance,
Hesam
Binoy, I was having so much trouble with changing my site logo, then I read your instructions and they worked PERFECTLY. THANK YOU so much!!!!!!
Initially my logo appeared in all the pages except the homepage where the site name appeared instead. It's corrected now. Thank you so much Binoy!
try this: you will have to open your themes 'header.php' file. find the line that reads:
<h1 id="logo"><!---->
<a href="<?php echo DIR_REL?>/"><?php
$block = lock::getByName('My_Site_Name');
if( $block && $block->bID ) $block->display();
else echo SITE;
?></a>
<!----></h1>
replace this line of code with this:
<div id="logo"><!---->
<a href=""><img src="<?php echo $this->getThemePath()?>/images/yourimage.jpg" alt="yourimage" />
</a><!----></div>
where 'yourimage' is replaced with the name of your image. then, put your logo image in the images folder of your theme.
You might have to adjust the bottom margin in 'minimalist_base.css' at the
#page #header #logo{
style tag. Tony set this at 24px but with an image you might be able to drop a bottom margin all together.
Hope this works!