Add logo?

Permalink Browser Info Environment
I'm completely new to this and love the Innovation template. I was wondering if it is possible to remove the link to the title and add a logo instead. I can't find this option anywhere and really need that!

Type: Discussion
Status: New
rockinmom
View Replies: View Best Answer
cannonf700 replied on at Permalink Reply
cannonf700
You should be able to change the text or add a image through the global scrapbook called site_name.
Thanks
rockinmom replied on at Permalink Reply
rockinmom
Thank you cannon! I looked and looked... it was pretty buried!
rockinmom replied on at Permalink Reply
rockinmom
Ok, finally got the title replaced with the logo but now I'm having an issue with it not being completely left justified and the header is just way too wide! If anyone can take a look at my site and let me know what I might be doing wrong I would really appreciate it! http://rockinmom.com
cannonf700 replied on at Permalink Reply
cannonf700
I would re-create the Global Scrapbook called "My_Site_Name" and put your .png in there. Then go to Sitewide settings and clear your cache. This will fix it and is the easiest way.

If you want to stick with what you're doing you will have to go into the themes files and delete out some code which is calling the site name. This code can be found on line 66 of the Header.php which is found at:
your site's root/packages/cannonf700_innovation/themes/innovation/elements/header.php
rockinmom replied on at Permalink Reply
rockinmom
Does this fix the issue of it not aligning to the left and creating too wide of a header?
rockinmom replied on at Permalink Reply
rockinmom
Ok I did what you suggested (sitewide settings, etc), I still am not able to get the logo further over to the left and it is still pretty wide, it just looks awkward.

I've encountered a new problem as well. I've customized the colors but the new ones aren't showing up. I've changed, saved, then published everything quite a few times with no results. I can't be a complete idiot can I? What am I missing here?
cannonf700 replied on at Permalink Reply
cannonf700
Can you post a link to your site?
rockinmom replied on at Permalink Reply
rockinmom
It'shttp://www.rockinmom.com (you might have to copy/paste- C5 is adding an extra www to the beginning).

I'm now about to give up for the night. I can't even get my site to come up on either of my computers using any of my 3 browsers but it will come up on my iphone. My brain is just starting to hurt at this point.
cannonf700 replied on at Permalink Best Answer Reply
cannonf700
Okay,
Your site looks good and I love your Logo!
If you do some exploring in the discussions section of this theme you will see some instruction on how to change the main menu hover color.

If you want to shave some height and shrink the area around the logo then:
1. Line 59 of main.css change the margins to 0 in the #header #logo division.
2. Delete the font size from line 67 #header #logo h1.
3. On line 78 #header #topnav you can cut the top margin from 40px down to Zero.

Something else you should do is activate the theme so it applies to the whole site.
Thanks,
Ryan Vars
aka cannonf700
rockinmom replied on at Permalink Reply 1 Attachment
rockinmom
Thank you so much for the info, I really appreciate it Ryan! I just spent a couple of hours on the phone with my ISP and they determined our modem suddenly went bad (and is blocking websites it chooses- mine being one of them) so it looks like I will have to wait for a new modem to do anything further. Guess that gives me time to whip up some graphics for the site.

Thanks for the compliment on my logo, it's well received coming from another graphic artist! After many (trashed) versions I've decided to stick with this one. Is there a way to change the header and body background colors in the code? I really like my logo much better against a white background :)
cannonf700 replied on at Permalink Reply 1 Attachment
cannonf700
If you're not already... I recommend using Firefox with the FireBug Add-on. In this way you can determine exactly what .css rule is effecting the area you want to change.

For you to change the top background to white will require changing several lines of code but it's definitely possible. See screen shot and you'll notice the menu and the drop tab area will also need to be changed.

Start with the background colors for #col0 and #col1.
rockinmom replied on at Permalink Reply
rockinmom
Awesome, thanks a ton (again)!

I actually use Chrome and there's an "inspect element" option that will bring up the code on any part of a page. I just need to find a way to edit the code lol.
cannonf700 replied on at Permalink Reply
cannonf700
I use Chrome a lot to but for development Firefox with Firebug is a little better.
So - whatever portion of the page you want to make adjustments to - just mouse over it and right click. choose inspect and in the window that pops up from the bottom there are two panels. The left panel is the .html code and the right panel is the .css code. to adjust the .css code double click the element and then change the numbers as you wish. you can even add additional elements to see what it would do to the page. All very cool and makes life for developers really easy!
rockinmom replied on at Permalink Reply
rockinmom
AHHHHHH!!!! I never knew you could edit the script in Chrome... just thought it was there for viewing! That's awesome. I got everything changed, looked amazing, closed and BAM! Back to the original site :(

How do you save the changes made in Chrome? I've been googling like a mad woman and can't find any recent posts :(
cannonf700 replied on at Permalink Reply
cannonf700
You can't save the changes made in chrome it's only for testing. You'll have to make the changes to the theme's style sheet (main.css) and save it back to your server.
rockinmom replied on at Permalink Reply
rockinmom
Ahhh I see. If I get Dreamweaver I should be able to do that, right? I don't even know if I can download another trial. Any suggestions for good free programs I might be able to use?

Sorry if I'm being a pain, you obviously have experience and are great at what you do so I value your opinion lol.
cannonf700 replied on at Permalink Reply
cannonf700
You can access these files via your website's CPANEL. The File Manager in CPANEL has a built in Code Editor. It's not fancy but it's easy because you don't have to re-upload the files just re-save it and your changes are made.

The best free code editor ishttp://notepad-plus-plus.org/

Thanks,
Ryan Vars
aka cannonf700
http://www.rynomediaonline.com
rockinmom replied on at Permalink Reply
rockinmom
That's awesome, I didn't know that about cPanel! Hopefully I'll get to take a web design course one of these days and figure out all these nifty tricks!

Thank so much! (again)
rockinmom replied on at Permalink Reply
rockinmom
I just wanted to thank you again for the help. I've gotten everything set up how I want it... now just to add content! I really can't thank you enough for your help!
CheSimpson replied on at Permalink Reply
CheSimpson
Line 99 of main.css


Remove the width property so you get something like this:


#header-area {
float:left;
text-align:right;
width:;
pendragn replied on at Permalink Reply
pendragn
Just a followup for 5.5.1....I noticed that I was not able to update the site name any more since the new versions of Concrete5 got rid of "global scrapbooks" and have moved to "stacks". Stacks have blocks contained within them, and (reportedly :) have numerous benefits as described in:

http://www.concrete5.org/documentation/how-tos/developers/concrete5...

....anyway, with this theme, I was not able to change the Site name away from the text to an image, for instance, since there is no "global scrapbook"...even when I created a stack called My_Site_Name. The very fact is that is no longer a "block" but now a "stack" means that a stack needs to be called in the header.php file.

Sooo....I made these changes to the header.php file in your theme:

(lines 74 through 78 now read as this)

<div id="logo">
<h1 id="logo"><a href="<?php echo DIR_REL?>/">
<?php $stack = Stack::getByName('My_Site_Name');
$stack->display();
?></a>


...I am NOT a programmer at ALL, so this might not be elegant at ALL, but it is what I hacked together based on reading that blog post. Hope it helps anyone....and if there is a better fix, please let everyone know (as I have no idea if this change will have unexpected consequences in other places :)

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.