Help Big Time!!!!

[photodog7]

I changed my header and it messed up my whole site!!!!

On the Homepage, my slideshow is no longer centered and overlaps my header???

My footer on all pages no longer centered????

My gallery page is now small and overlap my header???? Here's the link:
http://www.photobyhuber.com/gallery/8297704_9QrRK#553909052_JwtK9

My "about us" is totally messed up also...

Please help, I don't know how to fix it...

As always thanks for all the help from this forum!:dunno:dunno:dunno:dunno:dunno:dunno

[denisegoldberg]

It looks like you used the Easy Customizer on top of an already customized site. That is a bad thing to do since it overrides some of your customization.

Go back to the Easy Customizer and select start over. That should put you back to your previous customizations. Then you can go back to customizing through the advanced site-wide customizations.

--- Denise

[photodog7]

It looks like you used the Easy Customizer on top of an already customized site. That is a bad thing to do since it overrides some of your customization.

Go back to the Easy Customizer and select start over. That should put you back to your previous customizations. Then you can go back to customizing through the advanced site-wide customizations.

--- Denise

I selected the "start from scratch" option and see no changes. Is that the right option?

[photodog7]

I selected the "start from scratch" option and see no changes. Is that the right option?

I think part of the problem now is that the smugmug header is showing and it is throwing all my alignments off.

So how do I get rid of it?

[photodog7]

I think part of the problem now is that the smugmug header is showing and it is throwing all my alignments off.

So how do I get rid of it?
I got rid of some of the custom work with EZ customizer by starting over and adjusted settings in the advanced customization.

Still left with several problems:

1. slideshow not centered and overlaying my header
2. on gallery pages, galleries overlaying my header
3. looking at photos on individual galleries, the pages have shrunk, don't get this at all and overlaying header
4. I have the top part of a box showing in my about us page
5. my footer not centered

Please help! I am pulling my hair out! No clue how to fix!
:dunno:dunno:dunno:dunno:dunno

[photodog7]

I got rid of some of the custom work with EZ customizer by starting over and adjusted settings in the advanced customization.

Still left with several problems:

1. slideshow not centered and overlaying my header
2. on gallery pages, galleries overlaying my header
3. looking at photos on individual galleries, the pages have shrunk, don't get this at all and overlaying header
4. I have the top part of a box showing in my about us page
5. my footer not centered

Please help! I am pulling my hair out! No clue how to fix!
:dunno:dunno:dunno:dunno:dunno

bump...

[J Allen]

Always remember, if you open a door (div), that you need to close it :D

Close these doors in your custom header box:



<div id="myHeader">
<div id="myTopRow">
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://www.photobyhuber.com/galleries">Galleries</a></li>
<li><a href="http://www.photobyhuber.com/gallery/8266132_J8wXs">About Us</a></li>
</ul>
</div>
<div id="myTopBanner"></div>
</div>
</div>






I wish my kids would learn this for my front door. :scratch

[photodog7]

Always remember, if you open a door (div), that you need to close it :D

Close these doors in your custom header box:



<div id="myHeader">
<div id="myTopRow">
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://www.photobyhuber.com/galleries">Galleries</a></li>
<li><a href="http://www.photobyhuber.com/gallery/8266132_J8wXs">About Us</a></li>
</ul>
</div>
<div id="myTopBanner"></div>
</div>
</div>





I wish my kids would learn this for my front door. :scratch
Yahoo!!!!!!!!!!!!! You're the man! :ivar:ivar:ivar:ivar

I must have looked at the code over and over and never noticed.

If I may tap your expertise one more time... I have a few things that are not quite right:

1. How do I move my "photo by huber" to the right a bit.
2. How to I force the footer at the bottom of the page instead of floating on the page based on the length of the contents? Or is this not a good idea?
3. The code for the wider gallery thumbs and bigger individual photo is not working (3 thumbs, bigger picture). I don't see the what's wrong.
4. How do I remove the box in my "about us" page and expand the contents so that it fills more of the page.

I can't thank you enough for this! :bow:bow:bow:bow

[J Allen]

1. How do I move my "photo by huber" to the right a bit.

Add this line and adjust to fit your needs:


#myTopBanner {
height: 100px;
width: 300px;
margin-left:40px;
background: url(http://photobyhuber.smugmug.com/photos/561885280_QCWov-L.png) no-repeat;
}



I've gotta run..I'll try to look at your site later on for the rest of your issues...hopefully someone else can jump in and help you till then..

[photodog7]

Add this line and adjust to fit your needs:


#myTopBanner {
height: 100px;
width: 300px;
margin-left:40px;
background: url(http://photobyhuber.smugmug.com/photos/561885280_QCWov-L.png) no-repeat;
}


I've gotta run..I'll try to look at your site later on for the rest of your issues...hopefully someone else can jump in and help you till then..
Thank you, thank you, thank you....:bow:bow:bow

[photodog7]

Thank you, thank you, thank you....:bow:bow:bow
I fixed the header and expanded the text in the "about us" page.

Remaining items I need help with:

1. How to I force the footer at the bottom of the page instead of floating on the page based on the length of the contents? Or is this not a good idea?
2. The code for the wider gallery thumbs and bigger individual photo is not working (3 thumbs, bigger picture). I don't see the what's wrong.
3. How do I remove the box in my "about us" page, there's a white line above the text. If I wanted to make the box bigger in general, how would I do that?
4. New problem, maybe I did not notice it before. My e-mail is supposed to be white with yellow hover. It's now gray.

Slowly but surely I am getting there and getting a better understanding how all this works. Thanks again.

[photodog7]

I fixed the header and expanded the text in the "about us" page.

Remaining items I need help with:

1. How to I force the footer at the bottom of the page instead of floating on the page based on the length of the contents? Or is this not a good idea?
2. The code for the wider gallery thumbs and bigger individual photo is not working (3 thumbs, bigger picture). I don't see the what's wrong.
3. How do I remove the box in my "about us" page, there's a white line above the text. If I wanted to make the box bigger in general, how would I do that?
4. New problem, maybe I did not notice it before. My e-mail is supposed to be white with yellow hover. It's now gray.

Slowly but surely I am getting there and getting a better understanding how all this works. Thanks again.

bump...

Just wondering if you got a chance to look at these Joe.

Thank you so much for your help!

[J Allen]

First remove this red colon from your CSS, its at the very bottom of your css box:



/* Hide keywords */
#photoKeywords {display: none};


1. How to I force the footer at the bottom of the page instead of floating on the page based on the length of the contents? Or is this not a good idea?

For your category pages, try this:

#category
{margin-bottom:250px;}




It will force it 250 pixels away from your category box.


2. The code for the wider gallery thumbs and bigger individual photo is not working (3 thumbs, bigger picture). I don't see the what's wrong.

I'm unfamiliar with this one, where did you pick this code up at, and I'll look at it.


3. How do I remove the box in my "about us" page, there's a white line above the text. If I wanted to make the box bigger in general, how would I do that?


Looks like you removed the box...to remove the line add this to your CSS:



.gallery_8266132 #albumDescription
{border-top:none !important;}



4. New problem, maybe I did not notice it before. My e-mail is supposed to be white with yellow hover. It's now gray.




Add this to the album description area:



<div class="myEmail">
<a href="mailto:photobyhuber@verizon.net">Email Us</a>
</div>





Then in your css change this rule:




.gallery_8266132 .myEmail {color: #fff;}
.gallery_8266132 .myEmail hover {color: #ff2;}





To this:





.gallery_8266132 .myEmail a {color: #fff !important;}
.gallery_8266132 .myEmail a:hover {color: #ff2 !important;}

[photodog7]

First remove this red colon from your CSS, its at the very bottom of your css box:



/* Hide keywords */
#photoKeywords {display: none};



For your category pages, try this:

#category
{margin-bottom:250px;}



It will force it 250 pixels away from your category box.




I'm unfamiliar with this one, where did you pick this code up at, and I'll look at it.





Looks like you removed the box...to remove the line add this to your CSS:



.gallery_8266132 #albumDescription
{border-top:none !important;}






Add this to the album description area:



<div class="myEmail">
<a href="mailto:photobyhuber@verizon.net">Email Us</a>
</div>




Then in your css change this rule:




.gallery_8266132 .myEmail {color: #fff;}
.gallery_8266132 .myEmail hover {color: #ff2;}




To this:





.gallery_8266132 .myEmail a {color: #fff !important;}
.gallery_8266132 .myEmail a:hover {color: #ff2 !important;}




:barb:barb:barb
Thank you so much for all your help.

Everything is working properly and I have a better understanding of how to adjust stuff on the pages.

Re: the 3 thumbnails across and larger photo in gallery, I picked up the code from one of the threads. But upon reading further, it turns out that you cannot control this. However, using stretchy and increasing the size of the browser window, it in effect increases the size of the photo. So I am good with this.

Thanks again. It's great to know that there are experts on this forum that go out of their way to help newbies.

Have a great weekend. :rofl:rofl:rofl