Forums

Footer text doesn't seem to respond to CSS

Permalink
Hello

Quick question. I've added a line to the Dark Chocolate theme CSS for an email link.

#page #footer span.email {margin-right: 20px;}


But the line I've added in my footer.php doesn't seem to be following it. I have it aligned to right and my email link isn't aligning correctly. I've tested the CSS by choosing { display:none } for email and it still shows up on the footer so I can tell it's not following the CSS.

The line for my email link in the footer is:

<span class="email"><a href="mailto:mail@mysite.com"><?php echo t('CONTACT')?></a></span>


and that displays fine but isn't following my CSS. Any tips?
minnix
 
LucasAnderson replied on at Permalink Reply
LucasAnderson
Do you have a link so we can see the full code? At first glance I can't see anything wrong but without looking at your code I can't see where a conflict might be coming in.
minnix replied on at Permalink Reply
minnix
Sure. Here's my footer.php located in concrete/themes/dark_chocolate/elements:
<?php  defined('C5_EXECUTE') or die("Access Denied."); ?>
   <div id="footer">
         $<span class="powered-by"><a href="http://www.concrete5.org" title="<?php echo t('concrete5 - open source content management system for PHP and MySQL')?>"><?php echo t('concrete5 - open source CMS')?></a></span>
         &copy; <?php echo date('Y')?> <a href="<?php echo DIR_REL?>/"><?php echo SITE?></a>.
         &nbsp;&nbsp;
         <?php echo t('All rights reserved.')?>
         <?php 
         $u = new User();
         if ($u->isRegistered()) { ?>
            <?php  
            if (Config::get("ENABLE_USER_PROFILES")) {
               $userName = '<a href="' . $this->url('/profile') . '">' . $u->getUserName() . '</a>';
            } else {
               $userName = $u->getUserName();
            }
Viewing 15 lines of 27 lines. View entire code block.


and my css located in /www/concrete/themes/dark_chocolate:
/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {/* customize_background */ background-color: #000; /* customize_background */ padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer}
label { font-weight:bold;}
fieldset { border:1px solid #ccc;}
/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}
/* Page Structure / Navigation */
#page{ width:800px; margin:auto; text-align:left }
#page #headerSpacer{ height:64px }
#page #header{ position:relative; } 
#page #header #logo{ color:#999; font-size:32px; 
   font-family:Arial, Helvetica, sans-serif;
Viewing 15 lines of 66 lines. View entire code block.


My site ishttp://www.blackhouse-films.com

I also have some extra black space at the top that I can't seem to get rid of.
guythomas replied on at Permalink Reply
guythomas
The best tool for troubleshooting CSS problems like this is probably Firebug. Go tohttp://getfirebug.com/ and download it. This will allow you to right click on your email link and see if the rule is being overridden.
minnix replied on at Permalink Reply
minnix
ok I've got firebug now, but I still cannot see what's wrong.