Now, I'm having problems configuring/editing the footer

Permalink
Okay, I got the initial header configuration on my test/learning site to an acceptable point. Thanks again to those folks who helped me with this.

Now that I have the header squared away (for now) I took a look at the site and discovered that the text for the site title in the footer was now 40pt instead of the 12px as styled in the style.css for the Earthling Two theme. It appears that some other source did the final formatting (styling) of the site title.

The footer text is all styled for 12px or 14px. Nowhere (that I have been able to find) is there styling for 40pt in any of the CSS.

Does anyone have a suggestion as to where the source of the 40pt styling may be found?

Thanks,
Mike

 
agedman replied on at Permalink Best Answer Reply
agedman
I would install the Firebug plugin in Firefox (if you haven't already) then right-click on the footer text and select 'inspect element'. That should point you to the source of the styling...
Copywolf replied on at Permalink Reply
Thanks for the suggestion. Yes, I have Firebug installed. It shows where the 40px styling is being inserted.

element.style {
color:#FFFFFF;
font-size:40pt;
}

The only problem is that element.style does't seem to be in either style.css or typography.css. I have poked around in the other css files and have been unable to find it.

In footer.php there is a line of code that may be causing the issue:

<a href="<?php echo DIR_REL?>/"><?php
$block = Block::getByName('My_Site_Name');
if($block && $block->bID) $block->display();
else echo SITE;?></a>.

I'm now wondering if the ('My_Site_Name')element is styled somewhere else and is being inserted by C5 on the fly.

I will say that I am disappointed that it is so difficult to control the formatting of something that should be very simple.
agedman replied on at Permalink Reply
agedman
Firebug should give you the full path to the CSS file and the line within that file.

You should see some blue links at the top right of each box in the right-hand pane of Firebug. For example: you may see a blue link typography.css (line 34). If you hover over that link, you should see a tooltip with the full path to the CSS file.

But if instead of a straightforward path to an actual CSS file in your file system, you see something like mysite/blocks/content/view.css?v=2342a20... the CSS is probably buried inside a block.

It sounds like you're on the right track looking in footer.php -- 'My_Site_Name' is probably a Content block stored in your global scrapbook. Go to Dashboard > Scrapbook > Global Scrapbook. It looks like there are some inline styles being applied from within that block...

You definitely could add rules to typography.css and main.css to control the styling of your footer content rather than having the CSS buried in that block.
Copywolf replied on at Permalink Reply 1 Attachment
Thanks again for your reply and advice. I'm going to see what I can find in the Scrapbook.

I have a added a screen shot from Firebug that shows the phantom styling. It looks to be from an outside source. As you can see, "element.style" is clobbering the CSS.

I'm thinking of just adding the title to the main header image and not letting Concrete5 style it at all.

Here is the URL for may test site:
http://www.gonzowebdezign.com

Another thing that I just noticed is that the footer is centered in Firefox but not in Chrome or IE8.

I'm used to hand coding footers, so using Concrete5 is very different.

Edited to add: Good call agedman. The styling was coming from the Global Scrapbook. The _Web_Site_Title was the only item so I just deleted that scrapbook. That fixed the footer but now I need to restyle the title text. I'm thinking o just editing the header image and adding the title to the image.
agedman replied on at Permalink Reply
agedman
You're right. It should have dawned on me right away that 'element.style' means that the style is applied inline (which of course supercedes any external CSS) -- It's in the <span> that's wrapping that footer text. If you edit that Content block in your Global Srapbook and have TinyMCE show the source, you should see that.

Regarding the centering, I just checked IE7 and Chrome 5.0 and for me it's centered in both of those as well as Firefox. Not sure why it wouldn't be, it's all contained in a <p> element with text-align="center"
Copywolf replied on at Permalink Reply
Thanks for your help.

Deleting the Global Scrapbook also fixed the centering issue.

I adjusted the title text by editing the style.css and adjusting the #logo id text size.