YourName's Home....

[Tim Kirkwood]

The bar that says Kirkwoodphotography's home, I would like to remove. I found this link in the how to thread ( http://www.dgrin.com/showpost.php?p=158455&postcount=2) But it still left the box for it, how do I remove the box?

Thanks All,
Tim

[Mac Write]

I don't see that on the homepage, but when I click on a gallery, I get

KirkwoodPhotography > Portraits > Angel & Kids

Is this what you are wanting to remove? If so, then add this code to your CSS file.

#breadcrumb
{
display: none;
}

which will remove it site wide. To limit it to just the homepage use

.hompage #breadcrumb
{
display: none;
}

I hope this helps.

[Tim Kirkwood]

I tried the code that you supplied for just the home page but did not see any change.

If you go to www.KirkwoodPhotography.com (http://www.KirkwoodPhotography.com) now, you will see a long white box with no text in it. It is cutting off the bottom of my header picture. I would like to remove it.

Thanks for your help.


Tim

[Mac Write]

This code sure would as I just tested it. You can also remove the #username CSS as the breadcrumb CSS will delete it

.homepage #breadcrumb
{
display:none;
}

Add it to the CSS are of the customize page of your control panel

[Tim Kirkwood]

OK now it worked thanks!

Now if you dont mind I have some more questions if you feel up to it. I am very very new to this CSS stuff. How do I move things up or down the page?

I would like to move my nav bar down below the header picture, and I would like to have a small space between my header picture and the gallery views when looking at a gallery.

Thanks
Tim

[Mac Write]

Can you copy/paste what you have in your head/footer boxes? Will make it quicker for finding the code to change. :D

[Tim Kirkwood]

The header box:

<div align="center">
<a href="<A href="http://www.kirkwoodphotography.smugmug.com/"><img">http://www.kirkwoodphotography.smugmug.com/"><img src="http://KirkwoodPhotography.smugmug.com/photos/108007395-L.jpg" border="0"></a>


and in the footer box, just one space to void the smugmug footer out.

[Mac Write]

What box did you put this code in?

<div id="navcontainer">
<ul>
<li><a href="http://www.kirkwoodphotography.com">Home</a></li>
<li><a href="All">Galleries</a></li>
<li><a href="#">Pricing and Packages</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>

[Tim Kirkwood]

In the "Head Tag" box

[Mac Write]

In the "Head Tag" box

Can you copy all the contents of header box and put them in the code tag {CODE}
{/CODE} Replace {} with []

Thanks.

[Tim Kirkwood]

<div align="center">
<a href="<A href="http://www.kirkwoodphotography.smugmug.com/"><img">http://www.kirkwoodphotography.smugmug.com/"><img src="http://KirkwoodPhotography.smugmug.com/photos/108007395-L.jpg" border="0"></a>

[Mac Write]

<div align="center">
<a href="<A href="http://www.kirkwoodphotography.smugmug.com/"><img">http://www.kirkwoodphotography.smugmug.com/"><img src="http://KirkwoodPhotography.smugmug.com/photos/108007395-L.jpg" border="0"></a>


There are two areas that might be confusing one is called "Head Tag" and the other is "Header" You put your navigation bar in the "Head Tag" when it should be in the "Header" box. Copy all the code from the "Head Tag" box and put it below the "Header" box code for your logo.

Hope this helps.

[Tim Kirkwood]

Ok cool that got it moved down but now how do I add spacing between things on the pages. You will notice that the nav bar is right against the bottom of the header. Also if you go to a gallery the gallery is right up against the bottom of the head logo as well. I would like to move some of these things down the pages a bit.


Thanks for all your help so far!

Tim

[Mac Write]

Before the <div> for the navigation bar after the code for the logo add <br /><br /> Also maybe add a couple <br /> after the navbar since on the gallery page, the navbar is covered by the bread crumb area. You could also add to the navcontainer css padding: 10px; instead of using the <br />

[Tim Kirkwood]

Wingo! Thanks Pal,

Now I think I can go to bed! Got a bit of it figured out. Will work on it more later. Those few things were driving me crazy, now its 4:30am here. And I have another portrait session at 2:30pm, so I better get so rest.

Thanks so much for your help.

Tim

[Mac Write]

Glad I was able to help.

[Andy]

You could also add to the navcontainer css padding: 10px; instead of using the <br />
A much more elegant solution.

#navcontainer {margin-top: 10px;}

etc

[Tim Kirkwood]

Good Morning, Back at it for a bit,

Might start a new thread for this one but I will ask here anyways,

My navigation needs some work. If you navigate all the way into a gallery (such as Galleries>all>Portraits>Angle&Kids) then from there if you try to click the Galleries button below my header it messes up and does not take you back to the galleries page.

What would be a better way of linking this function?


Thanks Everyone.

P.S. Andy, I tried to put in the #navcontainer code that you recommended but I am not sure where to put it so I dont think it worked. Also how would I move other things down the page? (For example, I moved the Smugmug footer down a bunch of lines so it would not show on the home page till you scrolled down a bit. I did this by adding a bunch of <br/>'s in the footer box) I dont know the CSS at all!


Sorry to be such a bother.....

Tim

[Tim Kirkwood]

Good Morning, Back at it for a bit,

Might start a new thread for this one but I will ask here anyways,

My navigation needs some work. If you navigate all the way into a gallery (such as Galleries>all>Portraits>Angle&Kids) then from there if you try to click the Galleries button below my header it messes up and does not take you back to the galleries page.

What would be a better way of linking this function?


.....<clip>.....


Sorry to be such a bother.....

Tim


Ok I got the navigation right I think....

Tim