Need Help Customizing

[Stella Bella]

Ok, I just started to customize my smugmug page and I am having problems. I used to use html, but haven't in quite some time. No matter what I type in nothing changes. Is there a setting that I haven't turn on or something? I followed Ivar's tutorial on inserting a banner and nothing happens. Any suggestions would be greatly appreciated.

Thanks
Katherine


edited to add that I downloaded firefox and webdev. However, the "user" tab doesn't come up. Can you tell I'm lost ;)

[Stella Bella]

WHOOOO HOOOOOOO.....I figured it out. But don't worry I'm sure I'll be back soon ;)

[Stella Bella]

well I thought I was OK. Nothing seems to be working. I might have to pay someone to do this :scratch

[Stella Bella]

well I thought I was OK. Nothing seems to be working. I might have to pay someone to do this :scratch

Ha. Everytime I post in here things start to work.

[Allen]

Ha. Everytime I post in here things start to work.
Now that you're finished talking to yourself, did you get it all fixed?:D

Post a link that works and we'll help.

[Stella Bella]

Hey Allen,

Yup I'm done ;)

I think I'm going to have to hire someone to do this for me. I'm a bit over my head. I put a navigation bar and banner, but after that it went downhill.

Ultimately, I want something like this http://www.brandolinoimaging.com/ (of course different colors and things).

But I'm really far off.

www.katherinelynn.smugmug.com (http://www.katherinelynn.smugmug.com) You can see how close I am here ;)

[Allen]

Hey Allen,

Yup I'm done ;)

I think I'm going to have to hire someone to do this for me. I'm a bit over my head. I put a navigation bar and banner, but after that it went downhill.

Ultimately, I want something like this http://www.brandolinoimaging.com/ (of course different colors and things).

But I'm really far off.

www.katherinelynn.smugmug.com (http://www.katherinelynn.smugmug.com) You can see how close I am here ;)
Your right there, a long way off.:D
The good news, we can help you with every step and it's free. :thumb

But do one thing at a time, much easier.

Post what's first.

[Stella Bella]

Your right there, a long way off.:D
The good news, we can help you with every step and it's free. :thumb

But do one thing at a time, much easier.

Post what's first.

Ha....thats just it who knows :D I'm going to turn in the night and hopefully return rested and ready to go. Thanks Allen!

[Stella Bella]

Ok, Allen...I'm back :)

I've decided to go slow and steady and just focus on a couple things every day. So for today...

DONE!!! 1) How can I get the green "Katherinelynn's home" to disappear?

DONE!!! 2) How can I get the words at the bottom to disappear (i.e. news, browse, keywords etc.)? So I just have a small powered by smugmug at the bottom.

3) How can I get my galleries on another page (not my homepage)? Ultimately I would like to have a slideshow on the home page and then a link to the galleries in my nav bar.


Ok, thats all. I'm going to research and see if I can figure out any of this stuff on my own.

Thanks

[Allen]

Ok, Allen...I'm back :)

I've decided to go slow and steady and just focus on a couple things every day. So for today...

DONE!!! 1) How can I get the green "Katherinelynn's home" to disappear?

DONE!!! 2) How can I get the words at the bottom to disappear (i.e. news, browse, keywords etc.)? So I just have a small powered by smugmug at the bottom.

3) How can I get my galleries on another page (not my homepage)? Ultimately I would like to have a slideshow on the home page and then a link to the galleries in my nav bar.


Ok, thats all. I'm going to research and see if I can figure out any of this stuff on my own.

Thanks
See this tutor (http://dgrin.smugmug.com/gallery/2160039), it has step by step instructions and it's cut and paste.

[Stella Bella]

Thanks Allen. It worked. I'm just having problems figuring out how to get my slideshow off the galleries page. Also, is there a way to change the green font (i.e. page numbers, smugmug pull down menu etc.)?

[Allen]

Thanks Allen. It worked. I'm just having problems figuring out how to get my slideshow off the galleries page. Also, is there a way to change the green font (i.e. page numbers, smugmug pull down menu etc.)?
You didn't completely follow the instructions. You're missing the "galleries"
footer script and the CSS.

[Stella Bella]

See this tutor (http://dgrin.smugmug.com/gallery/2160039), it has step by step instructions and it's cut and paste.

thanks, I got it!

[Stella Bella]

Ok...on to the next problem.

I'm trying to edit my galleries page. I want to pick 1 picture from each gallery up on the page and then when you click on that picture it takes you to that gallery.

I thought this might work. I put the following in the gallery description and it didn't work.

<a href="http://katherinelynn.smugmug.com/gallery/3533783"><img src="http://KatherineLynn.smugmug.com/photos/194928060-S-3.jpg"></a>

what am I missing?

I do have it set to html only, but it doesn't seem to make a difference either way.

[Allen]

Ok...on to the next problem.

I'm trying to edit my galleries page. I want to pic 1 picture from each gallery up on the page and then when you click on that picture it takes you to that gallery.

I thought this might work. I put the following in the gallery description and it didn't work.

<a href="http://katherinelynn.smugmug.com/gallery/3533783"><img src="http://KatherineLynn.smugmug.com/photos/194928060-S-3.jpg"></a>

what am I missing?

I do have it set to html only, but it doesn't seem to make a difference either way.
Don't know how many galleries you are wanting with links but here's some
generic code for eight. Can be adjusted to any number. You also need to
put your own thumbs and links in.

Add this to the gallery description.

<html>
<h3><center>My Galleries</center></h3>
<br>
<br>
<table align="center" width="700">
<tbody>

<tr>

<td>
<a href="/gallery1">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="150" width="150"></a>
</td>

<td>
<a href="/gallery2">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="150" width="150"></a>
</td>

<td>
<a href="/gallery3">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="150" width="150"></a>
</td>

<td>
<a href="/gallery4">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="150" width="150"></a>
</td>

</tr>

<tr align="center">
<td><a href="/gallery/xxxxxxxx">gallery1</a></td>
<td><a href="/gallery/xxxxxxxx">gallery2</a></td>
<td><a href="/gallery/xxxxxxxx">gallery3</a></td>
<td><a href="/gallery/xxxxxxxx">gallery4</a></td>
</tr>
<br />

<tr>

<td>
<a href="/gallery5">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="150" width="150"></a>
</td>

<td>
<a href="/gallery6">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="150" width="150"></a>
</td>

<td>
<a href="/gallery7">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="150" width="150"></a>
</td>

<td>
<a href="/gallery8">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="150" width="150"></a>
</td>

</tr>

<tr align="center">
<td><a href="/gallery/xxxxxxxx">gallery5</a></td>
<td><a href="/gallery/xxxxxxxx">gallery6</a></td>
<td><a href="/gallery/xxxxxxxx">gallery7</a></td>
<td><a href="/gallery/xxxxxxxx">gallery8</a></td>
</tr>

</tbody>
</table>
</html>

Add this to your CSS.


.gallery_3533783 #albumDescription {
font-family: Comic Sans MS, verdana;
font-size: 130%;
margin-bottom: 40px;
}

.gallery_3533783 #albumDescription h3 {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #9966CC;
}

.gallery_3533783 #albumDescription a {
text-decoration: none;
color: #9966CC;
}

.gallery_3533783 #albumDescription a:hover
{color: white;}

.gallery_3533783 #albumDescription img {
border: 4px ridge #9966CC;}

.gallery_3533783 #albumDescription img:hover {
border: 4px ridge #444;}





Add the red in your CSS code to get this color coordinated with rest of page.


/*footer stuff*/

#footer a.nav,
#footer {
text-align: center;
background: none;
color: #9966CC;
}

Also set the style under gallery customization to journal.

[Stella Bella]

thanks allen. I will work on it.

[Stella Bella]

thanks allen. I will work on it.

Allen, that worked great. Thank you. However with the good news comes some bad. My slideshow isn't working now. :scratch Once I get everything set, I'm never touching it again :D

edited to add: I'm still working on the galleries....but one problem I am having is that if you click on the thumbnail picture of a gallery it doesn't take you to the gallery, but rather my homepage. Is there a way to have both the link and picture take you to the gallery?

[Allen]

Allen, that worked great. Thank you. However with the good news comes some bad. My slideshow isn't working now. :scratch Once I get everything set, I'm never touching it again :D
There is already a #footer definded and you can't have two
with the same name. So change the new one to myFooter.

<div id="footer">All materials property of Katherine Lynn Photography</div>

to this

<div id="myFooter">All materials property of Katherine Lynn Photography</div>


Remove this, it's covered in the one below it.

/*footer stuff*/
#footer {text-align: center;background: none;}


Add the red to this.

/*footer stuff*/
#myFooter,
#footer a.nav,
#footer {
text-align: center;
background: none;
color: #9966CC;
}

Ok, back to troubleshooting the slideshow.

[Allen]

Allen, that worked great. Thank you. However with the good news comes some bad. My slideshow isn't working now. :scratch Once I get everything set, I'm never touching it again :D
You're missing about the last 40 lines at the bottom of your slideshow
javascript code.

[Stella Bella]

Thanks Allen. All fixed. Your the best.

I'm still having trouble with the gallery pics, they are still linked to my homepage instead of to specific galleries. Any ideas?

[Allen]

Thanks Allen. All fixed. Your the best.

I'm still having trouble with the gallery pics, they are still linked to my homepage instead of to specific galleries. Any ideas?
Got just the thing for you. Look here (http://allen-steve.smugmug.com/gallery/3539056). After working up your page I got
inspired to create an example.:D
Your page link (http://www.katherinelynn.smugmug.com/gallery/3533783).

[Stella Bella]

Got just the thing for you. Look here (http://allen-steve.smugmug.com/gallery/3539056). After working up your page I got
inspired to create an example.:D
Your page link (http://www.katherinelynn.smugmug.com/gallery/3533783).

Allen, is the in addition to the code that is already entered or in place of?

[Allen]

Allen, is the in addition to the code that is already entered or in place of?
Nah, that page should give you an idea of how and where the links are
inserted. You already have links but you need to update them.
Make any sense?


Here's the first one. Make both /gallery/3536017

<td>
<a href="/Gallery%201">
<img src="http://katherinelynn.smugmug.com/photos/200305205-M.jpg" border="2" height="200" width="200"></a>
</td>

<td><a href="/gallery/3536017">Babies</a></td>

[Stella Bella]

Nah, that page should give you an idea of how and where the links are
inserted. You already have links but you need to update them.
Make any sense?


Here's the first one. Make both /gallery/3536017

<td>
<a href="/Gallery%201">
<img src="http://katherinelynn.smugmug.com/photos/200305205-M.jpg" border="2" height="200" width="200"></a>
</td>

<td><a href="/gallery/3536017">Babies</a></td>

Ok great. I'm always scared to do something new.....something old might break ;)

[Stella Bella]

Ok great. I'm always scared to do something new.....something old might break ;)

Ok, I'm not doing something right. It changes the link, but it still goes to my homepage.

[Allen]

Ok, I'm not doing something right. It changes the link, but it still goes to my homepage.
You have a cap G instead of a small one g

<a href="/G allery/3536017">

<td>
<a href="/gallery/3536017">
<img src="http://katherinelynn.smugmug.com/photos/200305205-M.jpg" border="2" height="200" width="200"></a>
</td>

<td>
<a href="/gallery/3536022">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="200" width="200"></a>
</td>

<td>
<a href="/gallery/3536028">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="200" width="200"></a>
</td>

<td>
<a href="/gallery/3536033">
<img src="http://katherinelynn.smugmug.com/photos/200305333-M.jpg" border="2" height="200" width="200"></a>
</td>

[Stella Bella]

Thanks Allen, all set.

[Stella Bella]

Hey Allen,

I changed the theme on my website and for some reason it shows up on every page but the home page which still has my old theme and logo. I switched the logo on my CSS so I have no idea why its not showing up. Any help would be greatly appreciated.

katherinelynn.com

[Allen]

Hey Allen,

I changed the theme on my website and for some reason it shows up on every page but the home page which still has my old theme and logo. I switched the logo on my CSS so I have no idea why its not showing up. Any help would be greatly appreciated.

katherinelynn.com
Don't understand what you're looking for. A couple galleries have gradient
white and the rest of the pages look like all have Black and White.

Your banner and nav is the same on everyone on them.
Can you be a little more descriptive?

[Stella Bella]

I changed all the themes to black and white....and they appear this way when I am logged into smugmug. But when I log out and visit the site...a couple of the pages are white.

Does my home page have the black and white theme?? To me it doesn't.

Thanks

[Stella Bella]

Um...I added smugmug to my gallery url and it appears to be correct now. Have no idea what that did. Thanks!

[Stella Bella]

Hey Allen,

More help needed. I decided to sketch out my idea since I wasn't really sure how to explain it.


Issue #1
I'm working on my "Portfolio" page. Currently I have 4 galleries on there. Here is what I want it to look at (more like the journal option on smugmug).
I would like it similar to lynne's information page...(see link in issue #3). Except I would like the the pictures and descriptions to switch sides (i.e picture on left and description on right...and then the next would have description on left and picture on right)
http://katherinelynn.smugmug.com/photos/211134090-M.jpg

Issue #2- FIGURED IT OUT!
Also- it seems like when I pick a style on one page (i.e. thumbnails, journal etc.) it sets it for all galleries. Is this true? Is there a way to have different styles on different pages? For example. I would like to have the "journal" style on my information page and "smugmug" on my proofing page.

Issue #3
I would like my "information" page to be set up like this http://www.lynnehulbert.com/gallery/1994225 (I hope Lynne doesn't mind me posting this as an example). How would I do this? Just upload the picture I want and then type the description on the "caption" sections?

Thanks

[Allen]

...
Issue #3
I would like my "information" page to be set up like this http://www.lynnehulbert.com/gallery/1994225 (I hope Lynne doesn't mind me posting this as an example). How would I do this? Just upload the picture I want and then type the description on the "caption" sections?
Thanks
Add this to your CSS.

/* force all photos to the right, text to the left */
.gallery_3530189 .journal_entry div.left {
float: right !important;
margin-right:0px !important;}

[Stella Bella]

Add this to your CSS.

/* force all photos to the right, text to the left */
.gallery_3530189 .journal_entry div.left {
float: right !important;
margin-right:0px !important;}

perfect! is there a way to change the font in the description box?

[Allen]

Issue #1
I'm working on my "Portfolio" page. Currently I have 4 galleries on there. Here is what I want it to look at (more like the journal option on smugmug).
I would like it similar to lynne's information page...(see link in issue #3). Except I would like the the pictures and descriptions to switch sides (i.e picture on left and description on right...and then the next would have description on left and picture on right)
http://katherinelynn.smugmug.com/photos/211134090-M.jpg
Replace the gallery (http://www.katherinelynn.smugmug.com/gallery/3533783) description with this and see if you like it.


<html>
<h3><center>My Portfolio Galleries</center></h3>
<br>

<hr Width="750">

<table align="center" width="750" cellspacing="30">
<tbody>
<tr valign="top">
<td>
<center><a href="/gallery/3536017">Babies</a> </center>
<p>xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx</p>
<p>xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx </p>
</td>
<td align="right">
<a href="/gallery/3536017">
<img src="http://katherinelynn.smugmug.com/photos/211014555-M.jpg" border="2" height="200" width="200"></a>
</td>
</tr>
</tbody>
</table>

<hr Width="750">

<table align="center" width="750" cellspacing="30">
<tbody>
<tr valign="top">
<td>
<a href="/gallery/3536022">
<img src="/photos/78849676-Ti-2.jpg" border="2" height="200" width="200"></a>
</td>
<td>
<center><a href="/gallery/3536022">Children</a></center>
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
</td>
</tr>
</tbody>
</table>

<hr Width="750">

<table align="center" width="750" cellspacing="30">
<tbody>
<tr valign="top">
<td>
<center><a href="/gallery/3536028">Families</a></center>
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
</td>
<td align="right">
<a href="/gallery/3536028">
<img src="http://katherinelynn.smugmug.com/photos/211014552-M.jpg" border="2" height="200" width="200"></a>
</td>
</tr>
</tbody>
</table>

<hr Width="750">

<table align="center" width="750" cellspacing="30">
<tbody>
<tr valign="top">
<td>
<a href="/gallery/3536033">
<img src="http://katherinelynn.smugmug.com/photos/211014550-M.jpg" border="2" height="200" width="200"></a>
</td>
<td>
<center><a href="/gallery/3536033">Pets</a> </center>
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
</td>
</tr>
</tbody>
</table>

<hr Width="750">

</html>

[Stella Bella]

Allen...you ROCK! It's perfect!

[Allen]

perfect! is there a way to change the font in the description box?
Here's some options.

.gallery_3530189 .caption {
color: #ccc;
font-family: Comic Sans MS, verdana;
font-size: 120%;
width: 320px;
}

[Allen]

Allen...you ROCK! It's perfect!
Looks great!:thumb

[Stella Bella]

_____________
Hey Allen...I noticed today that the lines on the page you worked on for me moved over to the left, instead of being centered. I could have sworn that they were centered....so I'm sure there is something that I did.

Well...here is the deal. When I view them on my laptop they are to the left, but when I view them on desktop they are perfect. Do you have any insight on this?

_____________
So on to the next page ;) Tonight I'm working on my proofing page. I would like it to look very similar to my portfolio page (the one you worked on last night). However, instead of babies, children, families etc. I would put the persons name and then have a picture on the opposite side from their session which would lead them to their gallery. I'm guessing that there is something in CSS that I would have to do since I tried to copy the code from last night and change some of the galleries and it wouldn't work. The other thing would be that the number of galleries would change depending on how many sessions I would have up for proofing. So is there an easy way to change that...i.e go from having 2 galleries to 6 or more?

Your the best!

[Allen]

Hey Allen...I noticed today that the lines on the page you worked on for me moved over to the left, instead of being centered. I could have sworn that they were centered....so I'm sure there is something that I did.

Well...here is the deal. When I view them on my laptop they are to the left, but when I view them on desktop they are perfect. Do you have any insight on this?
Add the red to these five and see if they stay centered.

<hr width="750" align="center">

[Stella Bella]

Thanks!

I think I figured out the rest. Is there a way to get the breadcrumbs back on a certain gallery? On the gallery I have up for proofing there are none and its hard to know what proof is which. Thanks.

[Allen]

Thanks!

I think I figured out the rest. Is there a way to get the breadcrumbs back on a certain gallery? On the gallery I have up for proofing there are none and its hard to know what proof is which. Thanks.
I see the breadcrumb on all pages now?:scratch
Below will hide them if not logged in also always on the proofing gallery.
Is this what you're looking for?

/* breadcrumbs */
#breadcrumb{visibility: hidden;}
#altViews{visibility: hidden;}

.loggedIn #altViews,
.loggedIn #breadcrumb {visibility: visible;}

.gallery_3530194 #breadcrumb {visibility: visible;}

[Stella Bella]

I see the breadcrumb on all pages now?:scratch
Below will hide them if not logged in also always on the proofing gallery.
Is this what you're looking for?

/* breadcrumbs */
#breadcrumb{visibility: hidden;}
#altViews{visibility: hidden;}

.loggedIn #altViews,
.loggedIn #breadcrumb {visibility: visible;}

.gallery_3530194 #breadcrumb {visibility: visible;}

is there a way to get them on this page http://katherinelynn.smugmug.com/gallery/3694303#211514588 password is aguilar if you need it.

...


Um, I guess its not breadcrumbs I'm looking for but rather the controls and the top left that let you jump from page to page in a gallery. When you have more than 15 images.

[Allen]

is there a way to get them on this page http://katherinelynn.smugmug.com/gallery/3694303#211514588 password is ............ if you need it.

Um, I guess its not breadcrumbs I'm looking for but rather the controls and the top left that let you jump from page to page in a gallery. When you have more than 15 images.
These are hidding the page nav, change none to block.

.gallery_3694303 #albumNav_top {display: none;}
.gallery_3694303 #albumNav_bottom {display: none;}

[Stella Bella]

Allen, I'm having trouble changing my font on this gallery

http://www.katherinelynn.smugmug.com/gallery/3536017

This is the CSS I have for that gallery...but its not changing it to that font. I changed the font to this on my information page (just to see if it would work) and it did. Not sure what I'm doing wrong here.

/*Babies Gallery- 3536017*/
.gallery_3536017#albumDescription {
font-family: Liorah BT;
font-size: 120%;
margin-bottom: 100px;
}

.gallery_ 3536017#albumDescription h3 {
font-family: Liorah BT;
font-size: 200%;
color: #999999;
}

.gallery_3536017 #albumDescription a {
text-decoration: none;
color: #999999;
}

.gallery_3536017 #albumDescription a:hover
{color: white;}

.gallery_3536017 #albumDescription img {
border: 0px ridge #999999;}

.gallery_3536017 #albumDescription img:hover {
border: 0px ridge #444;}

.gallery_3536017 .caption {
color: #999999;
font-family: Liorah BT;
font-size: 120%;
width: 320px;
}

[Allen]

Allen, I'm having trouble changing my font on this gallery

http://www.katherinelynn.smugmug.com/gallery/3536017

This is the CSS I have for that gallery...but its not changing it to that font. I changed the font to this on my information page (just to see if it would work) and it did. Not sure what I'm doing wrong here.

/*Babies Gallery- 3536017*/
.gallery_3536017#albumDescription {
font-family: Liorah BT;
font-size: 120%;
margin-bottom: 100px;
}
...
The only thing I see to change is the Babies in the album description, is that correct?
This is all you need for this gallery. That font might not be loaded on visitors
machines.

/*Babies Gallery- 3536017*/

.gallery_3536017 #albumDescription {
font-family: Liorah BT;
font-size: 200% !important;
margin-bottom: 100px;
}

btw, there should be a space in here.
.gallery_ 3536017#albumDescription
.gallery_ 3536017 #albumDescription
You have this is a bunch of places in yoru CSS.

[kas]

Hello! This might not be the right thread but I need some help. My gallery page is set up but the galleries from my homepage did not make it to the galleries link. Does this make sense? I would like the already established galleries to be on that page when I click Galleries in the navagation bar. Can someone please help me with this? I need a little bit of a dumbed down answer css's are very new to me


Thanks for you help in advance

gracecaptured.smugmug.com

[Allen]

Hello! This might not be the right thread but I need some help. My gallery page is set up but the galleries from my homepage did not make it to the galleries link. Does this make sense? I would like the already established galleries to be on that page when I click Galleries in the navagation bar. Can someone please help me with this? I need a little bit of a dumbed down answer css's are very new to me


Thanks for you help in advance

gracecaptured.smugmug.com
You get it figured out? I see your galleries on your "galleries" page.

[kas]

Thank You! I guess the problem fixed its self. Or maybe I just needed to give it some time to work! Thanks for replying so quickly!

[Allen]

Thank You! I guess the problem fixed its self. Or maybe I just needed to give it some time to work! Thanks for replying so quickly! Quickly?:scratch It's been seven hours.:D Been gone most of the day and guess
everyone else that could help has been busy also. This is not normal, usually
someone chimes in. If you see your post being followed by others go ahead
and "bump" yours when a reasonable time passes, they can go by fast
sometimes.

[Stella Bella]

Hey Allen,

Thanks for all your help so far. Here are the things that I have been working on.

1. Can there be less space between my description (Babies & Children) and my filmstrip on this page?

http://www.katherinelynn.smugmug.com/gallery/3536017

2. Also, you helped me with changing the font on that page...(thanks!) Now I am having problems with changing the color. Do I use html to change it in the description or do it in my CSS? I have tried it either way and nothing happens. So I must be missing something.

3. Can there be more space between my nav bar and the pics on this page?

http://www.katherinelynn.smugmug.com/gallery/3530189

4. Contact me link. I've looked at a number of tutorials and can follow them, but am wondering if when the person clicks on the link it doesn't go to MSN (or whatever) and goes directly to a page that they fill out with their information, questions, etc. I know if there is a way you will know!

5. Finally, I have also been looking at tutorials to take the .smugmug. out of my address in the top address bar. It doesn't seem to be working. Do I have to do something with godaddy.com to make it work? I have it forwarded (or whatever it is called) that when you enter katherinelynn.com it goes directly to my smugmug site, but I just can't get the .smugmug. out so it will stay katherinelynn.com

Thanks in advance!
Katherine

[Allen]

Hey Allen,

Thanks for all your help so far. Here are the things that I have been working on.

1. Can there be less space between my description (Babies & Children) and my filmstrip on this page?

http://www.katherinelynn.smugmug.com/gallery/3536017

2. Also, you helped me with changing the font on that page...(thanks!) Now I am having problems with changing the color. Do I use html to change it in the description or do it in my CSS? I have tried it either way and nothing happens. So I must be missing something.
...
Change the 100px to 10px for margin-bottom here.

/*Babies & Children Gallery- 3536017*/
.gallery_3536017 #albumDescription {
font-family: Garamond;
font-size: 200%;
margin-bottom: 10px;
color: red;
}

3. Can there be more space between my nav bar and the pics on this page?

http://www.katherinelynn.smugmug.com/gallery/3530189

.gallery_3530189 #navcontainer ul {
margin-bottom: 20px;
}




Take a look here (http://www.smugmug.com/help/professional-accounts) for domain help.

[Stella Bella]

Allen,

I found a way to do the email stuff. But I'm having a hard time with the left side margin. Can you highlight which part of the code would control that?

Here is my html stuff:


<html><form method="post" action="http://www.emailmeform.com/fid.php?formid=26763">
<INPUT TYPE=hidden NAME=FCode VALUE="qfwndmxr">

<table cellpadding="2" cellspacing="0" border="0" bgcolor="#000000">
<tr>
<td>
<font face="Verdana" size="2" color="#ffffff"></font>
<div style="" id="mainmsg"> </div>
</td>
</tr>
</table>
<br>
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#000000">
<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#ffffff">Your Name</font></td>
<td>
<input type="text" name="FieldData0" value="" maxlength="100" size="30"> </td>
</tr>
<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#ffffff">Your Email Address</font></td>
<td>
<input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td>
</tr>
<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#ffffff">Contact Number</font></td>
<td>
<input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td>
</tr>
<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#ffffff">Message</font></td>
<td>
<textarea name="FieldData3" cols="70" rows="10"></textarea><br> </td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td> </td>
<td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Send email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
<div style="position:absolute; top:251px; right:1321px;"><b>PDF Writer</b><br>Professional <a href="<A href="http://www.amicutilities.com/pdf-writer/">pdf">http://www.amicutilities.com/pdf-writer/">pdf writer</a> software is a tool that creates pdf files from any document as easily as printing them.</div></td>
</tr>
</table>
</form></html>

[Allen]

Allen,

I found a way to do the email stuff. But I'm having a hard time with the left side margin. Can you highlight which part of the code would control that?

Here is my html stuff:
...
This will center it but I'd change to journal style so the page doesn't
resize and stays the smaller width. Change the 180 to suit.

.gallery_3811608 #albumDescription table
{margin-left: 180px;}

[Stella Bella]

Thanks Allen...it didn't occur to me to change it to journal.

I've had a couple people mention to me that they are having problems with my site. On the proofing page the arrows to go from page to page are only there for certain people (for example, my laptop shows the arrows, my desktop doesn't). Also, I've heard that my banner isn't showing up on certain computers. Do you have any idea why this is? I know that this is much more complicated than I can understand. I've seen people have their websites be OK in one program and then not in another (like IE6 and FFE or something) would that have anything to do with it??

Thanks,
Kat

[Allen]

Thanks Allen...it didn't occur to me to change it to journal.

I've had a couple people mention to me that they are having problems with my site. On the proofing page the arrows to go from page to page are only there for certain people (for example, my laptop shows the arrows, my desktop doesn't). Also, I've heard that my banner isn't showing up on certain computers. Do you have any idea why this is? I know that this is much more complicated than I can understand. I've seen people have their websites be OK in one program and then not in another (like IE6 and FFE or something) would that have anything to do with it??

Thanks,
Kat Only the original is a png, all other sizes are generated jpg's at upload.

The original is 1099x 290 so you'll only see the top of it. I'd resize to something smaller like 750-900 wide.

#my_banner{
width: 1099px;
height: 290px;
background: url(http://katherinelynn.smugmug.com/photos/210997803-O.png);
margin: 0 auto;
}

You will also need the filter for IE6. Example below.

#my_banner {
width: 750px;
height: 100px;
margin: 0 auto;
background: url(/photos/xxxxxxxx-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/xxxxxxxx-O.png');
}

[Stella Bella]

Thanks Allen....your the best! I was looking at your website the other day and was blown away with your infrared photos....they are amazing!!! Is that a special lens, filter or PS?? Just wonderful!! We are moving soon and I think I may have to decorate with your work!!!

[Allen]

Thanks Allen....your the best! I was looking at your website the other day and was blown away with your infrared photos....they are amazing!!! Is that a special lens, filter or PS?? Just wonderful!! We are moving soon and I think I may have to decorate with your work!!!
Thanks Katherine, the IR's were all with my Sony 828 in IR mode with IR and ND filters.

[Stella Bella]

Hey Allen,

Is there a way to make the background color on my page anything I want (i.e. not one of the themes?) If so, how would I do that??

[Allen]

Hey Allen,

Is there a way to make the background color on my page anything I want (i.e. not one of the themes?) If so, how would I do that??
You can override the theme with your own background color.
"on my page":scratch What page? :D

[Stella Bella]

sorry that message was kind of scrambled. I'm looking at changing any page to a custom color. For example if I wanted every page to have bright pink could I do that?

[Allen]

sorry that message was kind of scrambled. I'm looking at changing any page to a custom color. For example if I wanted every page to have bright pink could I do that?
Add this to your CSS. It looks like you'll also need to work on some other
bckgrounds also.

body {background: pink;}


This will fix your menu.

#navcontainer ul li a {
text-decoration: none;
padding: .5em 2em;
color: #9999ff;
background-color: black;
}

[Stella Bella]

Thanks Allen.



What does text-decoration do? I see it in a lot of the codes and its always set to none. Is that like bold or italics?

[Allen]

Thanks Allen.

Where does this go? can I just add it to any gallery code??

body {background: pink;} go??

What does text-decoration do? I see it in a lot of the codes and its always set to none. Is that like bold or italics?

http://www.w3schools.com/css/pr_text_text-decoration.asp
text-decoration
underline
overline
none


This in CSS will change all pages pink.

body {background: pink;}

[Stella Bella]

Thanks!

[Stella Bella]

allen...can you believe I have more questions??? ;)

1. I changed my background to white, but I didn't use the Classis White or just plain white themes that are already in SM....I just used the code you gave me for changing every page to a certain color....

some problems I'm having...

on my portfolio page I actually have some things written under the titles (i.e. wee ones, loved ones, furry ones) but because it is in white it is not showing up. I'm not finding where in my code I can change this.

similarly on the gallery that I have up for proofing...when they ask for the password the question is in white and isn't showing up...again not sure where this code might be.

2. Is there a way to put a border around a slideshow in a gallery?? For example if you go to Portfolio>wee ones...I have a slideshow there is it possible to get a border for that? And if so all of my photos would have to be the same size right? So it might just be easier to put a border directly on the photos.

3. If you go to Portfolio>wee one ... is there a way to get the slideshow closer to the top of the page....or the description closer to the slideshow?? I'm having this problem on each of my galleries that have slideshows.

4. What do you think of my new look ;) ?

[Allen]

allen...can you believe I have more questions??? ;)

1. I changed my background to white, but I didn't use the Classis White or just plain white themes that are already in SM....I just used the code you gave me for changing every page to a certain color....

some problems I'm having...

on my portfolio page I actually have some things written under the titles (i.e. wee ones, loved ones, furry ones) but because it is in white it is not showing up. I'm not finding where in my code I can change this.

similarly on the gallery that I have up for proofing...when they ask for the password the question is in white and isn't showing up...again not sure where this code might be.

2. Is there a way to put a border around a slideshow in a gallery?? For example if you go to Portfolio>wee ones...I have a slideshow there is it possible to get a border for that? And if so all of my photos would have to be the same size right? So it might just be easier to put a border directly on the photos.

3. If you go to Portfolio>wee one ... is there a way to get the slideshow closer to the top of the page....or the description closer to the slideshow?? I'm having this problem on each of my galleries that have slideshows.

4. What do you think of my new look ;) ?
Add the red parts.

/*Portfolio Gallery- 3533783*/
.gallery_3533783 #albumDescription {
font-family: Times New Roman;
font-size: 200%;
margin-bottom: 10px;
color: #3399cc;
}

/*Proofing-3530194*/

.gallery_3530194 #albumDescription {
font-family: Garamond;
font-size: 130%;
margin-bottom: 100px;
color: #3399cc;
}

/*Proofing-Juliette-3764379*/
.gallery_3764379 #albumDescription {
font-family: Garamond;
font-size: 130%;
margin-bottom: 40px;
color: #3399cc;
}

.galleryPassword h2,
.galleryPassword {color: #3399cc;}

.nophotos h3 {display: none;}

.gallery_3863274 #albumDescription font,
.gallery_3863274 #albumDescription {color: #3399cc;}


Can't get in to the wee-ones gallery, PM the password it you want.

Found one slideshow, might want to switch to the new flash show.

[Stella Bella]

Add the red parts.

/*Portfolio Gallery- 3533783*/
.gallery_3533783 #albumDescription {
font-family: Times New Roman;
font-size: 200%;
margin-bottom: 10px;
color: #3399cc;
}

/*Proofing-3530194*/

.gallery_3530194 #albumDescription {
font-family: Garamond;
font-size: 130%;
margin-bottom: 100px;
color: #3399cc;
}

/*Proofing-Juliette-3764379*/
.gallery_3764379 #albumDescription {
font-family: Garamond;
font-size: 130%;
margin-bottom: 40px;
color: #3399cc;
}

.galleryPassword h2,
.galleryPassword {color: #3399cc;}

.nophotos h3 {display: none;}

.gallery_3863274 #albumDescription font,
.gallery_3863274 #albumDescription {color: #3399cc;}


Can't get in to the wee-ones gallery, PM the password it you want.

Found one slideshow, might want to switch to the new flash show.

Thanks Allen. There shouldn't be a password to the wee-ones gallery...I'll take a look. I just need the proof galleries password protected.

um, the new flash show...that sounds intimidating, but I will check it out ;)

[Stella Bella]

Allen...just letting you know that I switched my portfolio galleries to flash and they are great!!! Thank you so much for suggesting it.

[Stella Bella]

Hey Allen.....you know me, always making trouble.

Can I make my flash slideshows (portfolios) look like this

http://kendallball.com/portfolio/

instead of how they are now?? Would it be tons of work, or even possible?

Thanks,
Kat

[Allen]

Hey Allen.....you know me, always making trouble.

Can I make my flash slideshows (portfolios) look like this

http://kendallball.com/portfolio/

instead of how they are now?? Would it be tons of work, or even possible?

Thanks,
Kat
You could, but would be a lot of work. You'd have to create the flash code.
The swf file would have to be stored on another site then add the necessary
html in the gallery description.

[Stella Bella]

Hey Allen,

Can you tell me why my logo isn't showing up on this gallery??

www.katherinelynn.com/gallery/3972398 (http://www.katherinelynn.com/gallery/3972398)

The address changes to www.smugmug.com/gallery/3972398 .

Thanks,
kat

[lanmanphoto]

Hello katherinelynn,

I am new to smugmug and right now I am trying to make those tweaks on my page. saw that you too was in over your head, but pulled through very nicely! The baby pic in the front page is perfect. Great images overall. To maybe help you with your gallery issue, in the gallery customization menu (e.g. where you make it public or private) there is an option hide owner. that means that if you say yes, it will hide your information and put smugmug. Happened to me once already. 4 hours of retracing my steps and a headache later I found that one little option. Oh BTW there is a small typo in you information page. in portrait session fee, it says free.

Also I like the discount! very pimp! It will help me increase my eventual prices but charge nice prices while I get to that level. That's just one of the perks. lol

After reading your first post and seeing your site I thought you went and got it professionally done. then I read further and you did it. kudos for you, inspiration for me. Thanx!

I am looking for how to make the contact page.

[AngelKatie413]

Hi Allen,

I hope you and Katherine Lynn don't mind; I loved the code you came up with for her "portfolios" page, so I tried doing the same thing on my site to see how it would come out. I want to make some tweaks so it's different, but I'm stuck on this right now - on the bottom of th epage it says:
This is a brand new gallery with no photos.

How can I hide that smugmug is trying to display the "gallery" on this page?

http://kaphotography.smugmug.com

NEVERMIND..... figured it out.... but please, let me know if you have a problem with my borrowing your html

[Allen]

Hi Allen,

I hope you and Katherine Lynn don't mind; I loved the code you came up with for her "portfolios" page, so I tried doing the same thing on my site to see how it would come out. I want to make some tweaks so it's different, but I'm stuck on this right now - on the bottom of th epage it says:
This is a brand new gallery with no photos.

How can I hide that smugmug is trying to display the "gallery" on this page?

http://kaphotography.smugmug.com
Add this to your CSS.

.gallery_3897446 .nophotos h3 {display: none;}

[AngelKatie413]

Add this to your CSS.

.gallery_3897446 .nophotos h3 {display: none;}

Wow, cool! Thanks much!

[Stella Bella]

Hey Allen...

long time no post.

I was wondering if you could look at the following pages of mine...

http://www.katherinelynn.com/gallery/3536022

http://www.katherinelynn.com/gallery/3536033

I have description in both of galleries and they are not showing up. They are there because I can highlight them, but it almost seems like the text is white and not showing up on the background.

Any help would be greatly appreciated!

Katherine

[Allen]

Hey Allen...

long time no post.

I was wondering if you could look at the following pages of mine...

http://www.katherinelynn.com/gallery/3536022

http://www.katherinelynn.com/gallery/3536033

I have description in both of galleries and they are not showing up. They are there because I can highlight them, but it almost seems like the text is white and not showing up on the background.

Any help would be greatly appreciated!

Katherine


.gallery_3536033 #albumDescription h3 {
font-family: Garamond;
font-size: 150%;
color: #3399cc
}

or just add the h3's in the description.:D

<center><h3>dogs.cats.turtles</h3></center>

Same thing with other gallery.

[Stella Bella]

Hey Allen,

I'm having some problems added galleries to my proofing page. The gallery I want added is:

http://katherinelynn.smugmug.com/gallery/4535723

I'm not sure why there is a .smugmug.com in there. Usually there isn't. I think that may be causing the problem, but I'm definitely no expert.

I added the code to the description page here:

http://www.katherinelynn.com/gallery/3530194

but the links don't work (when you click on the picture or words) JACK EDWARD.

Any help would be greatly appreciated!

Katherine
katherinelynn.com

[Stella Bella]

Hey Allen,

I'm having some problems added galleries to my proofing page. The gallery I want added is:

http://katherinelynn.smugmug.com/gallery/4535723

I'm not sure why there is a .smugmug.com in there. Usually there isn't. I think that may be causing the problem, but I'm definitely no expert.

I added the code to the description page here:

http://www.katherinelynn.com/gallery/3530194

but the links don't work (when you click on the picture or words) JACK EDWARD.

Any help would be greatly appreciated!

Katherine
katherinelynn.com

Well here is the real link of the gallery:

http://www.katherinelynn.com/gallery/4535723_4md4S (http://www.katherinelynn.com/gallery/4535723_4md4S)

I'm not sure what the highlighted part is but when I put it in it worked. Wow, your good Allen!!! :D

[Allen]

Hey Allen,

I'm having some problems added galleries to my proofing page. The gallery I want added is:

http://katherinelynn.smugmug.com/gallery/4535723

I'm not sure why there is a .smugmug.com in there. Usually there isn't. I think that may be causing the problem, but I'm definitely no expert.
The link above doesn't work, think you need to add the gallery security key.
http://katherinelynn.smugmug.com/gallery/4535723_xxxxx


I added the code to the description page here:

http://www.katherinelynn.com/gallery/3530194

but the links don't work (when you click on the picture or words) JACK EDWARD.

Any help would be greatly appreciated!

Katherine
katherinelynn.com
The links work for me, get them fixed?

[jovusa]

Hi there:)

I've looked but can't find anywhere where it shows how to add the "contact info" boxes to my contact page. What I would like to do is add the boxes to the image I have uploaded on the page. Is there a way to do that?

Thanks,
Joann
http://www.joannvitali.com