Height of the breadcrumbs-module

[capsman]

Hello I've got a question concerning the breadcrumbs-module.
I want to change the height of the (pink) background, because in my opinion there's too much space reserved for the breadcrumbs. So how do I do that?
In the index.php the breadcrumbs are linked with:

Code: Select all

<div id="breadcrumbs">
  <p>
  <?php echo JText::_('You are here'); ?>
  <jdoc:include type="module" name="breadcrumbs" />
  </p>
</div>

So I searched the layout.css for "breadcrumbs" and found the specific entry for it. The line, which sounds important for my problem is:

* html #breadcrumbs { height: 65px; }

But now, for example, when I change the value to 30px, nothing happens and the breadcrumbs-module appears on all the pages as high as it was before the change.

Do you have a hint for me?
Sorry for my english, I hope, you understand what I want.

Amos

[S7]

So I searched the layout.css for "breadcrumbs" and found the specific entry for it. The line, which sounds important for my problem is:

* html #breadcrumbs { height: 65px; }

But now, for example, when I change the value to 30px, nothing happens and the breadcrumbs-module appears on all the pages as high as it was before the change.

Hi,

I had the same issue, the height appears to be set just above the code you changed. In the following code it is the min-height:5em; that is setting the height. Reduce it to something like 2em.

Code: Select all

#breadcrumbs
{
	background: #93246F;
	min-height: 5em;
	padding-top: 0px;
	text-align: left;
	color: #fff;
}

Although you have to be careful, make sure you test your site with a large font setting and narrow screen. I believe the Beez template allows for large fonts and narrow screens by wrapping the breadcrumbs onto a second line. If you have reduced the breadcrumb height too much then you might lose the line wrapping feature.

Regards

Adrian

[capsman]

Thank you Adrian!
It works perfectly

greetings
Amos