PDA

View Full Version : A couple of tweaks needed .

Lani
Sep-18-2008, 04:01 PM
Thankyou, Allen for all your help, I think I'm nearly there. :clap

Just three more things:

1. How do I get the information page to match the others? I used different cod from another post here and am not sure how to change it, I can't access gallery control to delete it either.

2. Is it possible to substitute a single image on the home page instead of the slideshow?

3. how do I get a space between my banner and the nav bar?


Thank you once again,
Cheers, Lani.


http://lanismithphotography.smugmug..../5992744_GGxTb (http://lanismithphotography.smugmug.com/gallery/5992744_GGxTb)
Allen
Sep-18-2008, 05:44 PM
Thankyou, Allen for all your help, I think I'm nearly there. :clap

Just three more things:

1. How do I get the information page to match the others? I used different cod from another post here and am not sure how to change it, I can't access gallery control to delete it either.

2. Is it possible to substitute a single image on the home page instead of the slideshow?

3. how do I get a space between my banner and the nav bar?

Thank you once again,
Cheers, Lani.

http://lanismithphotography.smugmug..../5992744_GGxTb (http://lanismithphotography.smugmug.com/gallery/5992744_GGxTb)
Change your info gallery CSS to this and see if it's better.

/* info gallery */

.gallery_5992744 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
background: none; /* background of description box */
padding: 20px 40px 40px 40px; /* top right bottom left */
} /* spacing inside box from edges */


.gallery_5992744 #myText {
font-family: Comic Sans MS, verdana;
color: #ccc;
text-align: justify;
background: none;
}

.gallery_5992744 #myText p {
font-family: Comic Sans MS, verdana;
font-size: 100%;
color: #ccc!important;
font-weight: normal;
text-align: justify;
}

/* hide things not needed on page */
.gallery_5992744 .nophotos {display: none;}
.gallery_5992744 #breadcrumb {display: none;}
.gallery_5992744 .journal_entry {display:none;}
.gallery_5992744 #albumNav_top {display: none;}
.gallery_5992744 #albumNav_bottom {display: none;}

/* end info gallery */

You could replace your bio with this. Add in your photo number and size.

<html>
<img src="/photos/XXXXXXXX_xxxxx-M.jpg" />

<div id="bioText">Photgraphy of people, pets and places by Lani Smith.</div>
</html>

Change the top margin in this.

#navcontainer ul {
margin: 10px 0 0; /* top right/left bottom */
padding: 0;
list-style-type: none;
text-align: center;
}
Lani
Sep-18-2008, 07:58 PM
Worked well, thanks Al.:thumb

I am trying to separate between some lines of text, eg" you can contact me by email" and general text on my guest page, but can't seem to work out how to, is it done in gallery tools or CSS?
I tried using extra <p><p/>, didn't seem to do anything.
Thanks.


http://lanismithphotography.smugmug.com/gallery/5992736_YVWdv
Allen
Sep-18-2008, 08:04 PM
Worked well, thanks Al.:thumb

I am trying to separate between some lines of text, eg" you can contact me by email" and general text on my guest page, but can't seem to work out how to, is it done in gallery tools or CSS?
I tried using extra <p><p/>, didn't seem to do anything.
Thanks.


http://lanismithphotography.smugmug.com/gallery/5992736_YVWdv
The paragraph tags add a slight gap between paragraphs. If you want more add a break or two. <br />

btw <p/> should read </p>
Lani
Sep-19-2008, 02:15 PM
Excellent, thanks Al.

I have found how to change font colour and size on most things, but can't find where I can make changes to my gallery page? :scratch Would appreciate a pointer!

Cheers, Lani.
Allen
Sep-19-2008, 02:25 PM
Excellent, thanks Al.

I have found how to change font colour and size on most things, but can't find where I can make changes to my gallery page? :scratch Would appreciate a pointer!

Cheers, Lani.
You will have to be more specific, what type page and what text?
Lani
Sep-19-2008, 02:41 PM
You will have to be more specific, what type page and what text?

Whoops, sorry....

On the page that lists my galleries, I would like to be able to change the font colour of the heading Galleries, and also the titles of the gallery labels(are they called categories?, still trying to learn the lingo!)
I am not sure if there is CSS relating to this page....I created it using a tutorial, and it would be handy for future reference as well to know how to customize it.

Thanks again.

http://lanismithphotography.smugmug.com/galleries
Allen
Sep-19-2008, 03:33 PM
Whoops, sorry....

On the page that lists my galleries, I would like to be able to change the font colour of the heading Galleries, and also the titles of the gallery labels(are they called categories?, still trying to learn the lingo!)
I am not sure if there is CSS relating to this page....I created it using a tutorial, and it would be handy for future reference as well to know how to customize it.

Thanks again.

http://lanismithphotography.smugmug.com/galleries
See if this in your CSS does it.

.albumTitle a,
#galleryTitle {color: #6633FF !important;}
Lani
Sep-19-2008, 03:53 PM
See if this in your CSS does it.

.albumTitle a,
#galleryTitle {color: #6633FF !important;}

Yep it worked, thank you very much.
Lani
Sep-19-2008, 08:06 PM
So now I have another thing I can't find the code related to,:scratch the font colour and font type in the nav bar. I would like to be able to change it to black., and maybe the type later.

http://lanismithphotography.smugmug.com/


Thanks again.
Allen
Sep-19-2008, 08:32 PM
So now I have another thing I can't find the code related to,:scratch the font colour and font type in the nav bar. I would like to be able to change it to black., and maybe the type later.

http://lanismithphotography.smugmug.com/


Thanks again.
How about something like this?

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #7479C2;
font-family: Comic Sans MS, verdana;
font-size: 125%;
background: none;
}

#navcontainer ul li a:hover {
color: #ccc;
background: none;
}
Lani
Sep-20-2008, 12:02 AM
How about something like this?

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #7479C2;
font-family: Comic Sans MS, verdana;
font-size: 125%;
background: none;
}

#navcontainer ul li a:hover {
color: #ccc;
background: none;
}


Perfect, looks much cleaner. Thanks.

How would I drop the "about me " box down from the navbar? It looks a bit squished up atm.

http://lanismithphotography.smugmug.com/gallery/5984491_hjdq2
Allen
Sep-20-2008, 05:30 AM
Perfect, looks much cleaner. Thanks.

How would I drop the "about me " box down from the navbar? It looks a bit squished up atm.

http://lanismithphotography.smugmug.com/gallery/5984491_hjdq2
Add this

/* about gallery */

.gallery_5984491 #journal {
margin-top: 20px;
}

I had grabbed the nav color from the lightest color of your banner. Might look here (http://www.december.com/html/spec/color3.html) for another
color is you like.
Lani
Dec-03-2008, 06:19 PM
It has been a while since I have played around with my site, and I just tried replacing my slide show with a single image, using the code below, but don't think I have put the correct image info in, nothing is happening.
My site is
http://lanismithphotography.smugmug.com/gallery/5984491_hjdq2

Thanks in advance for any help.


Allen's suggestion:

You could replace your bio with this. Add in your photo number and size.
Code:
<html>
<img src="/photos/XXXXXXXX_xxxxx-M.jpg" />

<div id="bioText">Photgraphy of people, pets and places by Lani Smith.</div>
</html>





Also, how do I change the pic on my about me page?
Cheers, Lani.
Allen
Dec-03-2008, 06:31 PM
It has been a while since I have played around with my site, and I just tried replacing my slide show with a single image, using the code below, but don't think I have put the correct image info in, nothing is happening.
My site is
http://lanismithphotography.smugmug.com/gallery/5984491_hjdq2

Thanks in advance for any help.
...
Also, how do I change the pic on my about me page?
Cheers, Lani.
This link is not right, change this

<img src="/photos/5984925_GeA21 50 px%20 150px.jpg">

to this in your bio

<img src="/photos/370365598_rqJHA-M.jpg">

Example of photo number. Look in browser address bar. Number is after the #

http://lanismithphotography.smugmug.com/gallery/5984925_GeA2x#370365598_rqJHA
Lani
Dec-03-2008, 07:15 PM
Hey, thanks for the quick response, Allen!

Still not sure where in the CSS code I find where to change the image on this page.
http://lanismithphotography.smugmug.com/gallery/5984491_hjdq2



Also how do I get rid of the text on the bottom and smug logo in the middle,of this new gallery I have created, please?

http://www.smugmug.com/gallery/6732349_m3H5H

Thanks again.:wave
Allen
Dec-03-2008, 07:51 PM
Hey, thanks for the quick response, Allen!

Still not sure where in the CSS code I find where to change the image on this page.
http://lanismithphotography.smugmug.com/gallery/5984491_hjdq2
It's in the album description.

<div class="myPhoto">
<img src="/photos/374967289_Gqniq-L.jpg" height="225" width="167">
</div> <!-- closes myPhoto div -->

Also how do I get rid of the text on the bottom and smug logo in the middle,of this new gallery I have created, please?

http://www.smugmug.com/gallery/6732349_m3H5H

Thanks again.:wave Uncheck "hide owner" under customize gallery. Also make sure "custom" is
checked for appearance.
Lani
Dec-07-2008, 06:51 PM
Thank you once again Allen.
The next thing I would like to do is add a picture near each of the information subsections on this page. Is this possible?

http://www.lanismithphotography.com/gallery/5992744_GGxTb

So could I have a pic near Family and Child portraiture,
then one near animal portraiture , and so on?

Cheers, Lani.
Allen
Dec-07-2008, 07:53 PM
Thank you once again Allen.
The next thing I would like to do is add a picture near each of the information subsections on this page. Is this possible?

http://www.lanismithphotography.com/gallery/5992744_GGxTb

So could I have a pic near Family and Child portraiture,
then one near animal portraiture , and so on?

Cheers, Lani.
See if something like this works.

<html>
<div id="myText">

<h2><center>General Information</center></h2>

<h3>Options available</h3>

<p>
I offer a range of photographic services, so feel free to contact me for more information, should the area you are interested in not be covered below.
</p>

<div style="float: left; width: 500px;">
<h3>Family and Child Portraiture</h3>
<p>
To create the most relaxed and successful portraits, it is important for me to discuss with you the type of images you wish to get from our session. It is important for me to capture the personality of the families involved so the choice of location is up to you, a local park or favourite place in or near your home works well. Alternatively I have portable studio lights and backdrop to cater for more formal portraiture, if that is what you would prefer.
</p>
</div>

<br><br>
<div align="right">
<img src="/photos/370368308_iizjN-Th.jpg">
</div>

<div style="float: left; width: 450px;">
<h3>Pet and Animal Portraiture</h3>
<p>
Important points to note for our pet portraiture session are as follows:
</p>
</div>

<br><br>
<div align="right">
<img src="/photos/370360043_LdFkA-Th.jpg">
</div>

<h3>Product Photography</h3>

</div>
</html>