PDA

View Full Version : Font and Spacing help


eflaws
Jul-15-2008, 04:50 PM
Greeting all,

Its been awhile since I've updated my site and am starting to get back into it. I had a basic understanding of CSS 1+ years ago when I was doing some major changes on my website but have since forgotten everything. Right now I am only concerned about my homepage. Soooo, I have a few questions:

www.ElliotMFlaws.com (http://www.ElliotMFlaws.com)

1.) I would like to have a few spaces between my banner and the navigation bar. Is this possible? If so, how?

2.) I would like to change the font style for all the text (nav. bar and biography) most likely to Arial. How can I do this? I know I can change the color of the text as well but am unsure where to put the color code for both the nav. bar and biography. I want to change the color to an orange that best matches the text under the photo.

3.) When you type www.elliotmflaws.com (http://www.elliotmflaws.com) into an address bar, it changes to http://eflaws.smugmug.com/. How can I make it stay at www.elliotmflaws.com? (http://www.elliotmflaws.com?)

Any help will greatly be appreciated. I have a lot of questions but will tackle them slowly.

Thank You
Elliot M. Flaws

Allen
Jul-15-2008, 05:12 PM
Greeting all,

Its been awhile since I've updated my site and am starting to get back into it. I had a basic understanding of CSS 1+ years ago when I was doing some major changes on my website but have since forgotten everything. Right now I am only concerned about my homepage. Soooo, I have a few questions:

www.ElliotMFlaws.com (http://www.ElliotMFlaws.com)

1.) I would like to have a few spaces between my banner and the navigation bar. Is this possible? If so, how?

2.) I would like to change the font style for all the text (nav. bar and biography) most likely to Arial. How can I do this? I know I can change the color of the text as well but am unsure where to put the color code for both the nav. bar and biography. I want to change the color to an orange that best matches the text under the photo.

3.) When you type www.elliotmflaws.com (http://www.elliotmflaws.com) into an address bar, it changes to http://eflaws.smugmug.com/. How can I make it stay at www.elliotmflaws.com? (http://www.elliotmflaws.com?)

Any help will greatly be appreciated. I have a lot of questions but will tackle them slowly.

Thank You
Elliot M. Flaws
Add a little bottom margin.

#my_banner {
width: 750px;
height: 200px;
margin: 0 auto 5px; /* top right/left bottom */
background: url(http://eflaws.smugmug.com/photos/332616872_eVnpp-X3.gif) no-repeat;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #BA582E;
background-color: #000000;
font-family: arial, Comic Sans MS, verdana, tahoma, helvetica;
}

#bioBox {
text-align: center;
background: none;
color: #BA582E;
font-family: arial, Comic Sans MS, verdana, tahoma, helvetica;
}

I would review this page (http://www.smugmug.com/help/professional-accounts) and see if you have your domain set up correctly.

eflaws
Jul-15-2008, 06:25 PM
Thank you for responding so quickly.
Ok, I made the changes you suggested. Now I have some new ones:

1.) What do I need to do to change the size of the font? It all shrunk when I changed it to Arial.


2.) How did you get the color code number to the text? It looks like an exact match. Are you able to tell me the color code for the three colors in my logo?

3.) I looked how my domain is set up with GoDaddy and made some changes. I will have to wait the 48 hours to see if the changes I made are the correct ones.

Elliot M. Flaws

Allen
Jul-15-2008, 06:57 PM
Thank you for responding so quickly.
Ok, I made the changes you suggested. Now I have some new ones:

1.) What do I need to do to change the size of the font? It all shrunk when I changed it to Arial.


2.) How did you get the color code number to the text? It looks like an exact match. Are you able to tell me the color code for the three colors in my logo?

3.) I looked how my domain is set up with GoDaddy and made some changes. I will have to wait the 48 hours to see if the changes I made are the correct ones.

Elliot M. Flaws
Add to this.

#bioBox {
text-align: center;
background: none;
color: #BA582E;
font-family: arial, Comic Sans MS, verdana, tahoma, helvetica;
font-size: 120%;
}

I use this simple one.
http://www.colorschemer.com/colorpix_info.php
8E3A28
DFAA82
BA582E