bread crumb positioning

[signify]

Hi All,
I was just wondering is there a way to do this. If you look at our website www.signifypromotions.co.uk there is a cart contents at the top underneath the logo header and the bread crumb is just below that. What i want to do is remove the cart contents off the main page and would this push the bread crumb up in it's place and move the rest of my site up or would i have to define position for the bread crumb? How would this work?

visitors don't really use the the cart, it's more of an information call us type of site rather than adding products to cart.

Any replies are very appreciated.

Thanks
Taz

[stevesh]

Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.


In this case, if you use Web Developer to add display:none; to the #cartHeader rule in the stylesheet, it will disappear and you'll see that the breadcrumbs move up, but won't move left into the sidebox column.

[signify]

Thanks Stevesh it worked great, I also learned something about the developer tools as well I can't believe I have not been using it!

Thanks
Taz

[signify]

Is there any easy way to tell if you need to edit a certain part in CSS or PHP?

[stevesh]

Mostly it depends on what you want to do with it. Styling will almost always be done in CSS. Moving something one way or another will also usually be done with margins and padding in the stylesheet. Moving an element relative to other page elements usually requires editing a PHP file.