whyawhelk ([info]tencrush) wrote in [info]s2flexisquares,
@ 2009-06-28 20:48:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Entry tags:entries, paid accounts, solved

Entry page userpic problem
Hi everyone, I'm hoping someone can help me, because I've been staring at this for two days now. I'm using custom CSS on the customise journal page and everything's fine except for one thing. My own userpic at the top of my entry page is surrounded by a grey background, and the link to my username "tencrush" is in white. See this entry for what I mean. I haven't defined this grey as a background colour or border colour anywhere in my css and I'm pretty sure my default link colour is purple. Could someone PLEASE look at this and help me work out why this is? I want the userpic at the top of an entry to be on a white background and the link to be purple, just like on the journal page, and the commenters' userpics on the entry page.

The problem I'm having is that I can't actually work out which CSS element this is. Where is it getting this grey from? I've gone blind from looking.


(8 comments) - (Post a new comment)


[info]mylovelymadness
2009-06-28 07:31 pm UTC (link)
well, my web developer tool says that the style for background-color and link color are defined somewhere else.
.userpicfriends {background-color: #fff !important;} seems to fix the problem, that doesn't work for your link though.

(Reply to this) (Thread)

[info]tencrush
2009-06-28 07:45 pm UTC (link)
Okay, can I ask a n00b question, then, what does {background-color: #fff !important} mean, and why does it work (because you're right, it does work) when {background-color: #ffffff} does not?

And yeah, my link and hover colours are defined elsewhere, but seem to be being overwritten somehow in this particular box.

(Reply to this) (Parent)(Thread)

[info]mylovelymadness
2009-06-28 07:55 pm UTC (link)
that !important thing just changes the priority if there are various style definitions for the same attribute.. i'm not good in explaining)))
btw, you'll see that grey colour if no css customisation is used

(Reply to this) (Parent)(Thread)

[info]tencrush
2009-06-28 08:05 pm UTC (link)
Yeah, this seems to be default information that it's getting from somewhere, but I don't know why.

How would I overwrite the default information for the link within .userpicfriends and make it force a different colour than the white it's now showing? Because adding .userpicfriends a{color: #663399;} doesn't work.

(Reply to this) (Parent)(Thread)

[info]mylovelymadness
2009-06-28 08:10 pm UTC (link)
is everything here set to "no"?

(Reply to this) (Parent)(Thread)

[info]tencrush
2009-06-28 08:29 pm UTC (link)
Yes, everything's set to NO, and then my CSS is typed in the custon stylesheet box. All of the CSS is working fine, except this one box on the entry page.

(Reply to this) (Parent)

[info]zantarkleoville
2009-06-29 01:53 am UTC (link)
Try adding this.

.userpicfriends font, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited, .userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:visited font, .userpicfriends a:hover, .userpicfriends a:hover font {
color: #663399;
}

Apologize if this doesn't help at all.

(Reply to this) (Thread)

[info]tencrush
2009-06-29 06:06 am UTC (link)
Yes, that's done it, thank you. I still don't understand why I've had to be so specific in defining the colour and font of this particular box, because everything else is just taking my defaults and using them. But that's solved the problem, so thank you.

(Reply to this) (Parent)

(8 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…