PDA

View Full Version : my "Contact" page


lightspeed
Nov-19-2008, 08:43 AM
Hi,
I need some help with my contact page. First off, I'd like to center the text and put some space at the top (between the menu bar and the text) and at the bottom (between the text and the footer).

Secondly, I suppose it's OK where it is, but I'll just throw this out there: All the buttons on my menu bar lead to a Category page, with galleries coming off them. This is good.:D But my "Contact" button, and probably future HTML page buttons have to go through a category to get to the gallery. :scratch

Is there a way to customize a Category page to host the HTML text?

I hope I've explained that well.

Any help would be greatly appreciated.

Oh, yes, and one more question... How do I change the color of my "E-Mail" text to match my phone number, and how do I make it change colors when a cursor hovers over it?


(http://www.dwightbuhler.com)

jfriend
Nov-19-2008, 09:07 AM
Try this CSS. This will hide the breadcrumb for the contact page since you already have a Home link in your navbar and there's no place else useful to go with the breadcrumb. And, it will give you a top and bottom margin on the albumdescription and center the text.

.gallery_6497262 #breadCrumbTrail {display:none;}
.gallery_6497262 #albumDescription {margin-top:100px; margin-bottom:100px; text-align:center;}

You seem to be setting the color of your phone number already. I'm not sure I understand that question.

To change the color upon mouseover, it's easiest to put the text inside a couple span tags like this:

<span class="variableColor">818-692-0310</span>

and then add this CSS:

.variableColor {color:red;}
.variableColor:hover {color:white;}

It will then normally be red, but change to white when the mouse is over it.

lightspeed
Nov-19-2008, 09:17 AM
Hi jfriend,

Thanks for the info. That all worked great!

The e-mail button I screwed up on. Right now it's not active, but when I had made it active it was not red anymore. I'll keep working on it. Thanks for the tips.

jfriend
Nov-19-2008, 09:42 AM
Hi jfriend,

Thanks for the info. That all worked great!

The e-mail button I screwed up on. Right now it's not active, but when I had made it active it was not red anymore. I'll keep working on it. Thanks for the tips.

If you made it a link and that's when it lost it's color, that's because links have a color assigned to them in CSS which is more specific than your font color=xxx declaration. So, you'd just need to set the color for the link in CSS with something like this:

.gallery_6497262 #albumDescription a {color:red;}
.gallery_6497262 #albumDescription a:hover {color:white;}
.gallery_6497262 #albumDescription a:active {color:blue;}

lightspeed
Nov-19-2008, 10:16 AM
Thanks for the help, that did it!