How do I add/edit "about me"/"info" pages?

[philx123]

Thanks to help from the forum, I managed to add a nav bar and link the "home", "Galleries" and "Contact me" pages.
Now I have two buttons left that go nowhere.
One is ""Info", the other "About me".
I'd like to edit them so they go to the relevant pages (though I want to actually change the titles of the page, though more about that later). I don;t remember setting up any specific info pages, other than my bio, nor an "about me" page, so don;t know what specifically to link the buttons to.
I was thinking about maybe an "About me" page, and "services", or even "pricing", but again, am a bit in the dark about how to create a text page (with images or maybe slideshow involved), and then link to it from the buttons.

I know, I know...this is probably really basic stuff, but my understanding of coding is really basic (though I do tend to learn fast when if I get my head around it), so any help in this area is very much appreciated.

All the best

Phil

[J Allen]

Here is a tutorial for an info page, post back with any questions or problems:

http://allen-steve.smugmug.com/gallery/3819841

[philx123]

Here is a tutorial for an info page, post back with any questions or problems:

http://allen-steve.smugmug.com/gallery/3819841

Thanks for that, that's a great help.

All the best

Phil

[XoZe]

msg removed...issue fixed.

[philx123]

msg removed...issue fixed.

How do I find the photo number and the security code for the image I want in the HTML for the info page? Is it in the "Inspect Elements" when right clicking on the image? Is the photo number, just the number after the address, or is it somewhere else?

Many thanks

[philx123]

How do I find the photo number and the security code for the image I want in the HTML for the info page? Is it in the "Inspect Elements" when right clicking on the image? Is the photo number, just the number after the address, or is it somewhere else?

Many thanks

Edit. Okay, I figured it out.

[philx123]

Trying to work out how you link the info gallery page to the nav button. I've got the page (gallery) there, but it doesn;t link to the relevant button. Anyone help me?

many thanks

[J Allen]

Trying to work out how you link the info gallery page to the nav button. I've got the page (gallery) there, but it doesn;t link to the relevant button. Anyone help me?

many thanks

Got a direct link to your info page? :ear

[T-Rex]

Here is a tutorial for an info page, post back with any questions or problems:

http://allen-steve.smugmug.com/gallery/3819841


I have attempted and must be missing something. My text goes beneath the photo instead of to the right. Plus I end up with two photos on the page. Here is the link to my page

http://trxmedia.smugmug.com/Other/About/10588811_yPx7c

[Allen]

I have attempted and must be missing something. My text goes beneath the photo instead of to the right. Plus I end up with two photos on the page. Here is the link to my page

http://trxmedia.smugmug.com/Other/About/10588811_yPx7c
You grabbed the photo number instead of the gallery number 10588811.

Also switch style to journal (old) under gallery setting. The CSS from my page is configured to use the journal old style.


One example of what to change. Do all the others under it.

/* START gallery 10588811 */

.gallery_10588811 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
background: #ccc; /* background of description box */
padding: 20px 40px 40px 40px; /* top right bottom left */
}


Also put the actual photo width and height in this. I used the S size with its size below.

<div class="myPhoto">
<img src="/photos/735888342_3KRnn-S.jpg" height="266" width="400">
</div> <!-- closes myPhoto div -->

[T-Rex]

You grabbed the photo number instead of the gallery number 10588811.

Also switch style to journal (old) under gallery setting. The CSS from my page is configured to use the journal old style.


One example of what to change. Do all the others under it.

/* START gallery 10588811 */

.gallery_10588811 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
background: #ccc; /* background of description box */
padding: 20px 40px 40px 40px; /* top right bottom left */
}


Also put the actual photo width and height in this. I used the S size with its size below.

<div class="myPhoto">
<img src="/photos/735888342_3KRnn-S.jpg" height="266" width="400">
</div> <!-- closes myPhoto div -->


Thank you, thank you, thank you so much. That took care of it. Now I'm off to figure out changing the text colors

[Allen]

Thank you, thank you, thank you so much. That took care of it. Now I'm off to figure out changing the text colors
How's this?

.gallery_10588811 .myPhoto img {
border: 4px solid #DCBF48; /* add border around photo */
}

.gallery_10588811 .myTitle {
background-color: transparent;
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #DCBF48;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}

.gallery_10588811 .myText {
font-family: Comic Sans MS, verdana;
font-size: 100%;
color: #DCBF48;
font-weight: normal;
text-align: justify;
}

.gallery_10588811 .myEmail {color: #DCBF48;}

[philx123]

Got a direct link to your info page? :ear

Thanks very much for the help.

Here's a direct link.

http://www.philip-smith.com/Admin/information/10584308_MA2ji

Can you tell me the process so I can learn how to do it?

many thanks

Phil.

[Allen]

Thanks very much for the help.

Here's a direct link.

http://www.philip-smith.com/Admin/information/10584308_MA2ji

Can you tell me the process so I can learn how to do it?

many thanks

Phil. Change the link in your header nav html. The # now in there is just a
holding spot that's non-clickable.

<li><a href="#">Services</a></li>

like this

<li><a href="/gallery/10584308_MA2ji">Services</a></li>

[philx123]

Change the link in your header nav html. The # now in there is just a
holding spot that's non-clickable.

<li><a href="#">Services</a></li>

like this

<li><a href="/gallery/10584308_MA2ji">Services</a></li>

Thanks for that. Where do you find the HTML? All I see is Java script. I know I can view it in the "Inspect elements" box, but it's uneditable in there, right?
Where do I find the HTML, and, most importantly, where is it for the nav bar?

Edit: It's okay, I figured it out (well, with help from a previous post concerning my gallery location). It's in the "Custom Header" box in "site wide customisation", isn't it?

Thanks for the help, chaps. I feel like I'm starting to understand, now...

Well, except I'd like to change the font in my "Services" page. How do I do that? Is it in the CSS? I see fonts in there, but I always assumed CSS was site wide. Is it somewhere else, or in there. And if it is in there, do I edit in my second homepage, or other place?

Many thanks. All the best

Phil

[Allen]

Thanks for that. Where do you find the HTML? All I see is Java script. I know I can view it in the "Inspect elements" box, but it's uneditable in there, right?
Where do I find the HTML, and, most importantly, where is it for the nav bar?

Edit: It's okay, I figured it out (well, with help from a previous post concerning my gallery location). It's in the "Custom Header" box in "site wide customisation", isn't it?

Thanks for the help, chaps. I feel like I'm starting to understand, now...

Well, except I'd like to change the font in my "Services" page. How do I do that? Is it in the CSS? I see fonts in there, but I always assumed CSS was site wide. Is it somewhere else, or in there. And if it is in there, do I edit in my second homepage, or other place?

Many thanks. All the best

Phil
In your CSS you already have specific rules for the font on your Services
page. The .gallery_10584308 makes it specific for only that gallery.

.gallery_10584308 .myTitle {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #444;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}

.gallery_10584308 .myText {
font-family: Comic Sans MS, verdana;
font-size: 100%;
color: #444;
font-weight: normal;
text-align: justify;
}

[philx123]

Thanks for that. Much appreciated.




In your CSS you already have specific rules for the font on your Services
page. The .gallery_10584308 makes it specific for only that gallery.

.gallery_10584308 .myTitle {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #444;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}

.gallery_10584308 .myText {
font-family: Comic Sans MS, verdana;
font-size: 100%;
color: #444;
font-weight: normal;
text-align: justify;
}