Capital letters and stretched user pics in Blanket

[annalytica]

Hi,
I have recently imported my journal from LJ. A couple of weird things happened - my user pics got stretched widthways so they look really odd, and all the letters in the titles of my posts became lower case. This happens both in imported entries and in entries I post in Dreamwidth - though posts which are cross-posted from here to LJ come out as normal. Any ideas on how I can correct this? (I'm afraid I know nothing about CSS so idiot's guide style responses would be very much appreciated!)
Thanks!

Comments

[matgb]

K, the title thing is a deliberate style thing within Blanket:
/*--- header texts ---*/
div#header h1#title { font-weight: normal; text-transform: uppercase; letter-spacing: 0; padding: 0; margin: 0; color: #68228b;
font-family: sans-serif; font-size: 1.25em; }
div#header h2#subtitle { font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; color: #68228b;
font-family: sans-serif; font-size: 1em; }
div#header h2#pagetitle { font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 1em 0 0 0; color: #8a2dbb;
font-family: sans-serif; font-size: 1em; }

In your custom CSS, you need to override it, but I'm afraid I don't know exactly what the code is to do that.

For the image, again, style choice, whoever made the layout wanted to shrink all images to 80px instead of 100px (which is in the actual code) so has done this:
.userpic img { width: 80px; height: 80px; padding: 5px; background-color: #ffffff;


I really don't like that it's done that in that way, which assumes all icons to be square, if you copy that into custom css, but replace the width/height command with max-width/max-height commands and follow the 80px with !important it should fix it, but I'm not 100% certain on that.

Sorry I can't actually solve the problems, but I've found the cause, so someone else can work on it. I think the userpice thing should be reported as an actual bug TBH, don't think site styles should be changing dimensions in sucha blunt way.

[annalytica]

Wow, thanks for the speedy response. If it's a Blanket-specific thing it's probably easier for me to just pick a different style than mess with the CSS. Sorry to take up your time!

[sarken]

div#header h2#subtitle {text-transform: none;} in the custom CSS should do it for the titles, and I think you might be able to override the userpic resize by doing .userpic img { width: auto; height: auto;}, but I haven't tried it.

[ninetydegrees]

A little FYI: the issue with userpics has been reported and fixed but the fix is not live yet. :)

Edit: my mistake. Fu told me we fixed Brittle but not Blanket. I'll file a bug for this one.

[matgb]

Heh, cool, was going to poke you with it later anyway. Pretty sure that max-width would have the desired effect without distortion, it works for images on my reading page anyway.

[ninetydegrees]

That's exactly what needed to be done (with height set to auto). :)

[elleth]

You fixed the Brittle userpics?

This? Is a happy Elleth, thank you! ^^

[ninetydegrees]

You're welcome. :)

[chaosraven]

Do you know if there's any chance for base layouts to require icons to be set at 100% or actual size? Is that something that I should offer as a suggestion? I don't know how many other layouts do it, but brittle in particular has the icons sized down to 2/3 or so their actual size which is really awful at the resolution of my monitor.

[ninetydegrees]

Is that something that I should offer as a suggestion

This.

[chaosraven]

Cool, I wasn't sure if it was something that had already been suggested, though I couldn't find it in the suggestions comm.