Page 1 of 1

Help with color

PostPosted: Fri Jan 30, 2009 3:43 pm
by happypoppeye
OK, first off, I'm a total idiot when it comes to CSS.

I am trying to change colors on a few things for this gallery: http://www.pbase.com/happypoppeye/a_drago_people

It's when I view an individual image that I"m trying to change things: http://www.pbase.com/happypoppeye/image/95249607

I want to change any links on the page to another color, say red. ...such as the "Turkey" and "view map"
I also want to change the body of text input to a different shade ..."Taken in Goreme"

...can anyone point me in the right direction.

Thanks
John

Re: Help with color

PostPosted: Fri Jan 30, 2009 6:26 pm
by dang
Hi John,
If you haven't installed Firefox, it really makes it easier. There's a thread explaining it's use, and how to find which section you need to make changes to here: viewtopic.php?f=8&t=13408

I don't think you'll be able to easily change the individual photo link color, as it's generally controlled using the same section of code as the thumbnail page links. This isn't to say it's totally impossible, but it's not something I'd want to tackle.

Re: Help with color

PostPosted: Fri Jan 30, 2009 7:57 pm
by alangrant
To change the display of elements within individual image pages without altering the corresponding elements in gallery pages, you can use the #imagepage div, which is a "wrapper" around the whole image page.

For example to make all links on the image page red, you could use
Code: Select all
#imagepage a {color : red}


This tells the browser "if you find a <a> element, AND that element is within a named element with the ID "imagepage", display the link in red.

If you want to have different setting for visited links, for example, the same principle applies:
Code: Select all
#imagepage a:visited {color : red}


These is not absolutely guaranteed to affect every link as there may be interactions with other style settings for links in specific parts of the page.

Changing the appearance of the caption is relatively simple:
Code: Select all
.caption { color: yellow; }

Re: Help with color

PostPosted: Fri Jan 30, 2009 8:56 pm
by dang
Thanks Alan,
I'm about half asleep I guess. :lol:

Re: Help with color

PostPosted: Sat Jan 31, 2009 6:36 pm
by happypoppeye
Alan, Dang,

Thanks to both of you. That was exactly what I was looking for ...unfortunatly the page started to look like a CSS (Circus Style Sheet) when I applied red or any other color to the links. I think I toned it down a bit though. That info will come in handy in the future ...until the next stupid question.

Thank you again
John