The Basic Basics

[yoyostock]

I'm a new smugmuger and although I'm not a complete computer dummy, all of these codes and CSS references make no sense to me. Where can I learn what all of this is?

For now, I just want to change the color of that neon green font found on the standard user's accounts back to its previous color, or some other color.

John

[pmaland]

I'm a new smugmuger and although I'm not a complete computer dummy, all of these codes and CSS references make no sense to me. Where can I learn what all of this is?

For now, I just want to change the color of that neon green font found on the standard user's accounts back to its previous color, or some other color.

John
As a standard account, you probably need to add a gallery comment to each gallery with this one line:

<style>.title {color: #blue;font-weight: bold;}</style>

[yoyostock]

I appreciate the info, but (and OK, so maybe I'm more clueless that I thought) where does that code go? If I'm looking at my main page...where on that do I go to in order to insert that code?



As a standard account, you probably need to add a gallery comment to each gallery with this one line:

<style>.title {color: #blue;font-weight: bold;}</style>

[Barb]

I appreciate the info, but (and OK, so maybe I'm more clueless that I thought) where does that code go? If I'm looking at my main page...where on that do I go to in order to insert that code?

Hi :)

If you're on your main page, go to one of your galleries. Make sure you are logged in. Click on "Customize Gallery" beneath that gallery. Cut and paste the above in the "Description" box:

<style>.title {color: #blue;font-weight: bold;}</style>

At the top right, click "Save." You're all set. I have no idea if the above works, but that's where he is telling you to place the info :)

[winnjewett]

As a standard account, you probably need to add a gallery comment to each gallery with this one line:

<style>.title {color: #blue;font-weight: bold;}</style>
Correct me if I'm wrong here, but this will not work for several reasons:

1) you want to put styles into the style section of the control panel, not into each comment on a gallery

2) the pound sign (#) should be followed by a hexidecimal color code, not the color name itself

To turn the green text to blue, follow these steps:
1) log in
2) get to the control panel (you may have to click 'your photos to get there'
3) click on customize
4) enter the following line of code into the stylesheet HTML section:
.title {color: blue;}

This line tells the browser that everything that has been tagged with the name 'title' should be colored blue. There is more you can do, such as adjusting the font size, style, weight, etc...

A good place to learn about CSS is http://www.w3schools.com/css/default.asp

-winn

[yoyostock]

Thanks Winnjewett, I appreciate your help. I think I've got one area of confusion sorted out...I've got a Standard user membership, and not a Power or Pro user account. As such, I don't have a "customize" link in my control panel. So...would that mean I'm stuck with what I have, or is there some other way?

John


Correct me if I'm wrong here, but this will not work for several reasons:

1) you want to put styles into the style section of the control panel, not into each comment on a gallery

2) the pound sign (#) should be followed by a hexidecimal color code, not the color name itself

To turn the green text to blue, follow these steps:
1) log in
2) get to the control panel (you may have to click 'your photos to get there'
3) click on customize
4) enter the following line of code into the stylesheet HTML section:
.title {color: blue;}

This line tells the browser that everything that has been tagged with the name 'title' should be colored blue. There is more you can do, such as adjusting the font size, style, weight, etc...

A good place to learn about CSS is http://www.w3schools.com/css/default.asp

-winn

[MrBook2]

I am also a standard user, but thought I would give it a shot any way. I had to alter it just a little:

<style>.title {color: blue;font-weight: bold;}</style>

(notice that I had to take out the #.) If you put that in the description section, it will indeed change the color of the green to blue.

I wonder what else will work from the description box?

--Aaron

[bigwebguy]

...
I wonder what else will work from the description box?
this is done from the description box:

http://bigwebguy.smugmug.com/gallery/626191

http://dgrin.com/images/smilies/nod.gif

[MrBook2]

this is done from the description box:

http://bigwebguy.smugmug.com/gallery/626191

http://dgrin.com/images/smilies/nod.gif


All I can say is, WOW!
Nice work.

--Aaron

[{JT}]

http://blogs.smugmug.com/web-tricks/2005/08/23/changing-the-homepage-link/

this is done from the description box:

http://bigwebguy.smugmug.com/gallery/626191

http://dgrin.com/images/smilies/nod.gif

[yoyostock]

Thanks, that worked. Finally! Now, just out of curiousity, anyone know how I get it back to the default color (lime green) that it started in?


I am also a standard user, but thought I would give it a shot any way. I had to alter it just a little:

<style>.title {color: blue;font-weight: bold;}</style>

(notice that I had to take out the #.) If you put that in the description section, it will indeed change the color of the green to blue.

I wonder what else will work from the description box?

--Aaron

[Mike Lane]

Thanks, that worked. Finally! Now, just out of curiousity, anyone know how I get it back to the default color (lime green) that it started in?
Ha! Easy, just delete the following from your description box:

<style>.title {color: blue;font-weight: bold;}

Everything should revert back to normal.

/snark...

I assume you are looking for the hex value? Try putting #8CCA1E in place of the word "blue".