PDA

View Full Version : Newbie needs help


Firemann
Feb-03-2009, 06:56 PM
I've lurked for days, but finally had to register and post my first question (assuming I'm doing this right:)

I know NOTHING about webpage design, but I've been working on my new smugmug page. First question: my Header is cut off at the top. How do I scoot it down?

www.lonestar-photography.com (http://www.lonestar-photography.com)

Thanks to all you experts who I have been plagiarizing with copy & paste for the last couple days

jfriend
Feb-03-2009, 07:01 PM
I would suggest adding the following CSS:

#extraDiv1 {display:none;}
#my_banner {margin-top:10px;}

This will hide the top graphic that is interfering with the banner (which is part of your theme) and give your banner a little breathing room from the top of the window.

Allen
Feb-03-2009, 07:01 PM
I've lurked for days, but finally had to register and post my first question (assuming I'm doing this right:)

I know NOTHING about webpage design, but I've been working on my new smugmug page. First question: my Header is cut off at the top. How do I scoot it down?

www.lonestar-photography.com (http://www.lonestar-photography.com)

Thanks to all you experts who I have been plagiarizing with copy & paste for the last couple days
That bar across is part of the theme. You can hide it with this in your CSS.

#extraDiv1 {display: none;}

or if you still want it but behind your banner add the red to your CSS.

#extraDiv1 {
z-index:50;
position:relative;
}

#my_banner {
position:relative;
z-index:99;
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://lonestar-photography.smugmug.com/photos/466163326_X3B2t-O.jpg) no-repeat;
}

Firemann
Feb-03-2009, 07:13 PM
Thank you so much. It worked perfect.

Next question while I have some experts here:

My "About Us" page is a mess. I need to get rid of the duplicate image, get rid of the "share" & "slideshow" buttons and change the font to Papyrus and the font color to #d6b400. I'd also like to get rid of the gallery page bars and image at the bottom.

I'm guessing this won't be as easy as fixing the header:D

Allen
Feb-03-2009, 07:35 PM
Thank you so much. It worked perfect.

Next question while I have some experts here:

My "About Us" page is a mess. I need to get rid of the duplicate image, get rid of the "share" & "slideshow" buttons and change the font to Papyrus and the font color to #d6b400. I'd also like to get rid of the gallery page bars and image at the bottom.

I'm guessing this won't be as easy as fixing the header:D
Remove this from the gallery description.

<div class="myPhoto">
<img src="/photos/466559282_BU4Ex-L.jpg" width="750" height="150">
</div> <!-- closes myPhoto div -->

Add this to your CSS (Papyrus is a mac font, need second choice for other machines)

.gallery_7251982 .albumNav,
.notLoggedIn .gallery_7251982 .journal_entry,
.notLoggedIn .gallery_7251982 #breadcrumb {display:none;}

.gallery_7251982 #albumDescription {
color: #d6b400;
font-family: Papyrus, Comic Sans MS;
}


For your guestbook instead of this.

/*===Guestbook formatting===*/
.gallery_7248185_h6Lc4.pageNav {display:none;}
.gallery_7248185_h6Lc4.photo {display:none;}
.gallery_7248185_h6Lc4.journal_entry {border:0}

use this (the gallery key is not used in CSS, just for links)

/*===Guestbook formatting===*/
.gallery_7248185 .albumNav,
.notLoggedIn .gallery_7248185 #breadcrumb {display:none;}
.gallery_7248185 .journal_entry {border:none !important;}

Firemann
Feb-03-2009, 07:55 PM
That looks much better!!:clap The font size needs to be bigger and I still have those Gallery pagess:1 bars across the bottom. What's the secret to hiding those?

J Allen
Feb-03-2009, 08:06 PM
I still have those Gallery pagess:1 bars across the bottom. What's the secret to hiding those?


.gallery_7251982 .pageNav,
.gallery_7251982 #albumNav_top,
.gallery_7251982 #albumNav_bottom
{display: none;}

Firemann
Feb-03-2009, 08:12 PM
Thanks guys. I really appreciate the help!:barb