By jimmb on

Hello, there are 4 weird / undesirable things happening on our test site that I have been unable to figure out how to fix. After trying to find solutions in the site's administration area, the CSS, .php, and in this forum, I am left with having to submit the questions myself. The site in question is at: http://www.bdresource.com/1se/

The 1st problem is this: In the navigation area, the text all aligns correctly to the left. But underneath, in the user login area, there are "create new account" and "request password" -- and they are NOT aligned. It appears as though they are being coded to center, yet when I look in the CSS I can't find where that is. Perhaps it's in the PHP -- I just don't know. It's inconsistent, looks weird, and I need to fix it.

Problem 2: How to rename the navigation title from "Navigation" to something else ("Main Menu"). I looked in the forum for this and came close -- I found a thread about removing the word entirely, and the code needed. However, there (surprisingly) doesn't appear to be any advice for the scenario of renaming it.... I looked at the Block.tpl.php file and made a couple attempts to change it, but was unsuccessful. I don't know much about .php and therefore am at a loss for how to do this.

Problem 3: In the user login area, just under the "Log in" button, there is not enough vertical space before "Create new account". It needs more room there to "breathe". I imagine this is controlled in the CSS somewhere, but I am not sure exactly what would influence that element ....

Problem 4: This has to do with the yellow bar (containing the mission statement) that extends from the left over to the navigation block. It's been pointed out that it would look better if that bar ran all the way across, and the Navigation area started below it. I, too, think that would look better, but don't know if it's possible, or how one would do it. I assume you would have to alter the theme itself (and it's probably an easy modification), but I need some help in knowing if it's possible and a push in the right direction for doing it.

I am fairly new to Drupal, though having come from Joomla! I must say I'm enjoying it very much :) I will like it even more after I know the answers to these questions! Thanks very much for any help you can provide,

Jim

⋅ Categories: Drupal 4.7.x

Comments

syawillim’s picture

syawillim commented

First up install the Developer Tools extension in Firefox, this will help find information about your pages.

1) The links under the login box have list-item id tags not menu, look for this in your style.css.
2) The easiest way is with CSS - #block-user-1 h2.title { display: none; }.
3) Again #list-item change line-height.
4) Look for this - <?php if (isset($primary_links)) { ?><div id="primary"><?php print theme('links', $primary_links) ?></div><?php } ?> in your page.tpl.php file and move to where you want it. In your case you may also want to play around with - <?php if ($mission) { ?><div id="mission"><?php print $mission ?></div><?php } ?>.

www.drupalbasics.com | www.slickfish.com.au

jimmb’s picture

jimmb commented

Hello, first of all thank you for taking the time to answer my questions. I really appreciate it. Unfortunately, perhaps because of my shortage of knowledge with CSS, I was not able to convert your answers into the site.

1. I was not able to find code in the CSS that were called "list-item" id tags. I did find:

}
.item-list .title {
font-size: 1em;
color: #222;
}

I tried inserting a simple "text-align: left;" code in there after color, but it didn't seem to have any effect. So I'm not sure if I have the right place and the wrong code, right code, wrong place, or everything just wrong....

2. I could not find anything very close to: #block-user-1 h2.title { display: none; } at all. I did find:

}
.block .title {
margin-bottom: .25em;
}

If this actually is the right place to insert the code for this, I'm not sure what code to actually put in. For example, if I wanted to rename "Navigation" to "Main Menu", how would I code it, exactly?

3. Again, if the code snippet I showed above is actually the place to alter this, what would I put in? There is no line-height quality already specified to alter. If you would, including a general value in units would be helpful, too.

4. Based on my above follow-up questions, you'll probably be surprised that this almost makes sense to me . But we tried something like that earlier, where we moved it somewhere else, and it really messed things up. However, I'm going to take another shot at it. I don't really have a specific question here, though if you feel like giving me some more words of wisdom on the subject they would be appreciated!

Thanks again for your input. I think it's getting closer to being solved, but I feel again like I've hit a wall. Any additional assistance would be really, really appreciated.

US421’s picture

US421 commented

Hey, if you want to realign the text in the login block, you really gotta read my comment below. it will do the trick. :)

All that will happen with

#block-user-1 h2.title { display: none; }

is that the title of that block will not display at all. If this is what you want, just add the code above to your stylesheet and that block will not have a title at all. You don't have to add it to any other part of your stylesheet, just put it where you can find it if you need to. It is more specific than

}
.block .title {
margin-bottom: .25em;
}

and will only apply to that specific block.

If you really, truly want a menu named Main Menu I sttill think it would be easiest to create a new menu and name it just that, you can still move anything you want there. That is done in the Drupal admin section.

If you ever want to know where you are in the css, just give it a 

background-color:red;

and if it don't turn red, you are somewhere else.

syawillim’s picture

syawillim commented

Should have provided a little more detail.

Note: If you have just been modifying the bluemarine theme and have not created your own I would suggest that you do by making a copy of the bluemarine directory into the themes directory and renaming as you wish. Then go to administer > themes and enable it. This will keep bluemarine in tact allowing you to update your drupal site without the risk of overwrighting the changes you have made.

If you have already done this forgat I mentioned it.

1) Always get that the wrong way around, add this to your css should do the trick:

#block-user-0 .item-list ul {
	text-align: left;
}

2) If you add the following to your css it will hide the title of your naviagtion block:

#block-user-1 h2.title {
display: none;
}

If you want to change 'Navigation' to something else you could make use of the localisation module to replace the string with what ever you want. Remember this changes to the users name when they log in.

3) Add to css:

#block-user-0 .item-list {
	line-height: 1.2em;
}

Play with '1.2em' to get desired spacing.

4) Paste the following into your page.tpl.php file, remember to keep a copy of your current file just in case:

<body>

<table border="0" cellpadding="0" cellspacing="0" id="header">
  <tr>
    <td id="logo">
      <?php if ($logo) { ?><a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" /></a><?php } ?>
      <?php if ($site_name) { ?><h1 class='site-name'><a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a></h1><?php } ?>
      <?php if ($site_slogan) { ?><div class='site-slogan'><?php print $site_slogan ?></div><?php } ?>
      <?php if ($mission) { ?><div id="mission"><?php print $mission ?></div><?php } ?>
    </td>
  </tr>
  <tr>
    <td id="menu">
      <?php if (isset($secondary_links)) { ?><div id="secondary"><?php print theme('links', $secondary_links) ?></div><?php } ?>
      <?php if (isset($primary_links)) { ?><div id="primary"><?php print theme('links', $primary_links) ?></div><?php } ?>
      <?php print $search_box ?>
    </td>
  </tr>
  <tr>
    <td colspan="2"><div><?php print $header ?></div></td>
  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" id="content">
  <tr>
    <?php if ($sidebar_left) { ?><td id="sidebar-left">
      <?php print $sidebar_left ?>
    </td><?php } ?>
    <td valign="top">
      <div id="main">
        <?php print $breadcrumb ?>
        <h1 class="title"><?php print $title ?></h1>
        <div class="tabs"><?php print $tabs ?></div>
        <?php print $help ?>
        <?php print $messages ?>
        <?php print $content; ?>
      </div>
    </td>
    <?php if ($sidebar_right) { ?><td id="sidebar-right">
      <?php print $sidebar_right ?>
    </td><?php } ?>
  </tr>
</table>

<div id="footer">
  <?php print $footer_message ?>
</div>
<?php print $closure ?>
</body>

www.drupalbasics.com | www.slickfish.com.au

jimmb’s picture

jimmb commented

Wow, thanks a lot for that great elaboration. I finally had a chance to try a couple things out, and your advice for #1 worked like a charm. However, for #3 the result was that it added a little space underneath the "Log in" radial button, but added quite a bit of space between "Create new account" and "Request new password". This isn't the effect I was going for, though I appreciate the attempt.

I want to keep those 2 lines of text with the same amount of space between them as they have now. The only thing I want to do differently is add some space underneath the radial button and before the top of the text "Create new account". I went into GoLive and tried to find where that might be in the CSS, but couldn't figure it out. If you're still following this thread, do you know how to just add some blank space underneath that radial button? I assume it's possible because most sites don't have these items so squashed together! Thanks again,

Jim

US421’s picture

US421 commented

I will attempt to answer what I can. I am afraid I can't help with the specific theme problem, but yes, altering the theme css is the way to move the yellow bar. All of Drupal styling and layout is done in the css unless your theme uses tables which I believe are laid out in the template file.

That is, unless your element is styled in the misc/drupal.css file as is the case with the user login. You can override this by putting

#user-login-form {
  text-align: center;
}

at the bottom of your theme stylesheet and changing center to what you like.

I would probably just make a new menu called Main Menu and hide the other.

I am sure you will continue to enjoy Drupal as it is very nice!