Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How to remove the space of breadcrumb totally?

How to remove the space of breadcrumb totally?

Locked

Views: 2,958

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
2 Nov 2009, 6:00 PM
#1
anthrax avatar

anthrax

New Zenner

Join Date:
Nov 2009
Posts:
4
Plugin Contributions:
0

How to remove the space of breadcrumb totally?

I am using the current version of zen cart(v 1.3.8), I am using the theme Silverfish from the Zen Cart theme Gallery. The URL to my Zen Cart Installation is www.scooterrentalsorlando.com/index.php and I am trying to make It look similar to my original site at www.scooterrentalsorlando.com
I am halfway through the customization. I have removed the breadcrumbs but I am wondering how can I remove the space that has been alloted for the breadcrumbs so that the Image I have put below the header sticks with the header.

Please Help me. Reply Will be Appreciated

2 Nov 2009, 7:53 PM
#2
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: How to remove the space of breadcrumb totally?

Believe it or not, I checked out your current site last year when my mother and I were supposed to go to Orlando and I wanted to rent a scooter for her! She ended up staying home, so the scooter wasn't needed.

Anyway, have you tried admin>configuration>layout settings>Define Breadcrumb Status

Enable the Breadcrumb Trail Links?
0= OFF
1= ON
2= Off for Home Page Only

3 Nov 2009, 5:17 AM
#3
anthrax avatar

anthrax

New Zenner

Join Date:
Nov 2009
Posts:
4
Plugin Contributions:
0

Re: How to remove the space of breadcrumb totally?

afo:

Believe it or not, I checked out your current site last year when my mother and I were supposed to go to Orlando and I wanted to rent a scooter for her! She ended up staying home, so the scooter wasn't needed.

Anyway, have you tried admin>configuration>layout settings>Define Breadcrumb Status

Enable the Breadcrumb Trail Links?
0= OFF
1= ON
2= Off for Home Page Only

Actually friends yeah I have already done that but see after disabling the breadcrumb there is a space left between the header and the rest of the body part. I want to remove that space.

3 Nov 2009, 8:35 AM
#4
kdays avatar

kdays

Zen Follower

Join Date:
May 2008
Posts:
239
Plugin Contributions:
0

Re: How to remove the space of breadcrumb totally?

find 'navBreadcrumb' in your stylesheet.css and change to:

#navBreadcrumb {
display: none;
}

This removes the space allocated to the breadcrumb navigation.

3 Nov 2009, 8:45 AM
#5
anthrax avatar

anthrax

New Zenner

Join Date:
Nov 2009
Posts:
4
Plugin Contributions:
0

Re: How to remove the space of breadcrumb totally?

kdays:

find 'navBreadcrumb' in your stylesheet.css and change to:

#navBreadcrumb {
display: none;
}

This removes the space allocated to the breadcrumb navigation.

Thank you friend but still the space has not gone. It is still there

3 Nov 2009, 9:03 AM
#6
kdays avatar

kdays

Zen Follower

Join Date:
May 2008
Posts:
239
Plugin Contributions:
0

Re: How to remove the space of breadcrumb totally?

Are you referring to the white space underneath Home :: Login and the images?

3 Nov 2009, 9:17 AM
#7
kdays avatar

kdays

Zen Follower

Join Date:
May 2008
Posts:
239
Plugin Contributions:
0

Re: How to remove the space of breadcrumb totally?

OK

.centerColumn has a padding of 0.8em on all sides. Add another line in that section:

padding-top: 0;

Also, there is a H1 with id=indexDefaultHeading that has a top & bottom margin set as 0.3em.

Add the following line in this section - #indexDefaultHeading:

margin-bottom: 0;

Both of those together removes the whitespace.

Just a note; there seems to be changes to the php file to achieve style-based changes. For example, additional tables and <font> references. I believe all the changes you have made so far could have been achieved by changing only the stylesheet.css. This makes future changes and updates much more straightforward.

3 Nov 2009, 1:04 PM
#8
anthrax avatar

anthrax

New Zenner

Join Date:
Nov 2009
Posts:
4
Plugin Contributions:
0

Re: How to remove the space of breadcrumb totally?

kdays:

OK

.centerColumn has a padding of 0.8em on all sides. Add another line in that section:

padding-top: 0;

Also, there is a H1 with id=indexDefaultHeading that has a top & bottom margin set as 0.3em.

Add the following line in this section - #indexDefaultHeading:

margin-bottom: 0;

Both of those together removes the whitespace.

Just a note; there seems to be changes to the php file to achieve style-based changes. For example, additional tables and <font> references. I believe all the changes you have made so far could have been achieved by changing only the stylesheet.css. This makes future changes and updates much more straightforward.

Thank you friend for the reply, after putting
padding-top: 0; in .CenterColumn Some of the whitespace of the breadcrumb got removed but I was not able to find any H1 with id= id=indexDefaultHeading in the whole CSS file. I am using Silverfish template

3 Nov 2009, 10:32 PM
#9
kdays avatar

kdays

Zen Follower

Join Date:
May 2008
Posts:
239
Plugin Contributions:
0

Re: How to remove the space of breadcrumb totally?

If it's not already in your stylesheet, you can add it.

#indexDefaultHeading {
display: none;
}

Normally, this is applied to the "Congratulations! You have successfully installed your Zen Cart™ E-Commerce Solution." text that most people quickly remove. :D

17 Jan 2010, 3:40 AM
#10
caltrade avatar

caltrade

New Zenner

Join Date:
Nov 2009
Posts:
4
Plugin Contributions:
0

Re: How to remove the space of breadcrumb totally?

I have this EXACT situation, and am even using the exact template - Silverfish, but I got stuck in the same place - I can't get rid of the last line of whitespace at the top of the center area on a site I am building for a customer: www.PangeaImportsOnline.com

Can anyone help me out?

Thank you

Rob