Page 1 of 1

Help with finishing style sheets

PostPosted: Sat Dec 29, 2007 10:43 am
by richardfoord
So after reading all the tips and looking to see how things work I am pretty happy with my style sheet with 2 exceptions

1. When using the style sheet for a head gallery the gallery name has :: placed before and after it's name ie :: lembeh straits ::
see http://www.pbase.com/richardfoord/diving_photos

2. I want to change just the color of just the .from class in the comments section. Is this possible and if so do you have an example of the code on how to do it because i have tried many syntax forms and can't get it to work.

any help welcome.

thx,
Richard

PostPosted: Sat Dec 29, 2007 11:12 am
by flemmingbo
Hi Richard,

Great looking stylesheet and nice underwater shots!

1) This is controlled from the account settings of your profile. On your profile page, click "edit your account settings". Then click "appearance" and in "Gallery Title Delimiter" choose what you like.

2) This works in my stylesheet:

#commentlist .from
{
color: your text colour;
background-color: your background colour;
}


regards,

Flemming

OK - didnt work :)

PostPosted: Sun Dec 30, 2007 5:00 am
by richardfoord
Great information - thank you

1. Thanks heaps - fixed it - a little obscure though - lol

2. this didn't work. I assume there must be a setting in the sheet that is overriding this color setting but I don't really know what it is.

I know that if i use this setting
#commentlist a
{
font-weight: normal;
}

it gets rid of the bold setting but obviously if i use colour here then all the links change and I just want the .from link to change.

any more hints ?

also

3. How do I get rid of the border around the exif information

PostPosted: Sun Dec 30, 2007 8:14 am
by flemmingbo
Hi Richard,

That's weird that #2 is not working. Are you sure you are using it incl. the div ? Has to be

#commentlist .from

for it to work.

3)

This should remove the border around the exif table:

#techinfo table
{
border: 0;
}


regards,


Flemming

Definitely not working

PostPosted: Mon Dec 31, 2007 1:59 am
by richardfoord
There must be something higher in the style that overides it but i don't know enough about the prioritisation to understand what it could be.

hmm... time to go out an buy a book methinks

Re: Definitely not working

PostPosted: Mon Dec 31, 2007 8:19 am
by flemmingbo
richardfoord wrote:There must be something higher in the style that overides it but i don't know enough about the prioritisation to understand what it could be.

hmm... time to go out an buy a book methinks


Please post an example, post a url to a photo with comments where it doesn't work - and I'll have a look!

Btw are you using firefox and the webdev plugin? By far the easiest way to do stylesheets!

regards,

Flemming

PostPosted: Tue Jan 01, 2008 5:03 am
by richardfoord
Try here ...

http://www.pbase.com/richardfoord/lembeh_straits__2007

The gallery has comments.

So here is the trick -
I want to change the colour of the name (which should be controlled by the .from class as you so correctly point out)
... without changing the size OR colour of the other links such as embedded or the PM reply / delete links

:)

Note: that I have effectively changed the weight by using
#commentlist a
{
font-weight: normal;
}
( if you dont include this then the .from class is bolded )

PostPosted: Tue Jan 01, 2008 10:56 am
by flemmingbo
got it - I forgot that .from is a link of course (at least when it's a Pbase user that has commented) so you need this with the A added to .from :

#commentlist .from a
{
font-weight:normal;
color: #ffffff;
}

This works, colours the .from white!

- and happy new years mate!

Brilliant...

PostPosted: Wed Jan 02, 2008 1:54 am
by richardfoord
this worked perfectly - just a simple case of syntax ordering - i think I will still go out and by that book though


thanks for all your help

PostPosted: Wed Jan 02, 2008 7:04 am
by flemmingbo
Great to hear it's working! It's always the little things that end up being tricky.

This is another great ressource:

http://www.w3schools.com/

regards,

Flemming

PostPosted: Wed Jan 02, 2008 11:56 am
by richardfoord
Thanks

... also got my last tip and more syntax tips at

http://www.tizag.com/cssT/index.php

Have also now fixed up the colours the style sheet is now well described and formatted.