[personal profile] annalytica posting in [community profile] style_system
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!

Date: 2010-09-23 08:41 am (UTC)
matgb: Artwork of 19th century upper class anarchist, text: MatGB (Default)
From: [personal profile] 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.

Date: 2010-09-23 09:31 am (UTC)
sarken: leaves of mint against a worn wall (Default)
From: [personal profile] 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.

Date: 2010-09-23 11:14 am (UTC)
ninetydegrees: Art: self-portrait (Default)
From: [personal profile] 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.
Edited Date: 2010-09-23 11:40 am (UTC)

Date: 2010-09-23 01:02 pm (UTC)
matgb: Artwork of 19th century upper class anarchist, text: MatGB (Default)
From: [personal profile] 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.

Date: 2010-09-23 01:48 pm (UTC)
ninetydegrees: Art: self-portrait (Default)
From: [personal profile] ninetydegrees
That's exactly what needed to be done (with height set to auto). :)

Date: 2010-09-23 02:16 pm (UTC)
elleth: A yellow flowery crest (Doctor Who: 11 - High Like Cleopatra)
From: [personal profile] elleth
You fixed the Brittle userpics?

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

Date: 2010-09-24 11:05 am (UTC)
ninetydegrees: Art: self-portrait (Default)
From: [personal profile] ninetydegrees
You're welcome. :)

Date: 2010-10-07 09:18 pm (UTC)
chaosraven: Chopper (Default)
From: [personal profile] 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.

Date: 2010-10-08 04:19 am (UTC)
ninetydegrees: Art: self-portrait (Default)
From: [personal profile] ninetydegrees
Is that something that I should offer as a suggestion

This.

Date: 2010-10-08 06:08 am (UTC)
chaosraven: Chopper (Default)
From: [personal profile] 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.

Profile

Dreamwidth style system discussion

September 2025

S M T W T F S
 123456
78910111213
14151617181920
21222324252627
282930    

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Sep. 9th, 2025 08:42 am
Powered by Dreamwidth Studios