Reply page in Core 1 layout

[rozarka]

I've copied my LJ style to DW using a Core 1 layout layer (Flexible Squares) and a custom css stylesheet (by circa77 on LJ, modified by me) in the customization wizard. It works fine on DW with one exception that I can see: the entry text isn't right on the reply page (?mode=reply). It does work in the entry view (the one you get to by following a cut or a direct link) and even the 'read comments' view, and it's not a problem on LJ, so the issue seems to be DW-specific. It seems to affect only the entry and date/subject text, too — the entry background colour and all other parts of the page are fine.

I've tried to tweak it using .lj-view-reply .entry or .entry_text, which hasn't made a difference in any variation I've tried. If anyone has any idea of how to fix this, I'd be most grateful to know. :)

Comments

[marahmarie]

To modify it using .lj-view-reply you would need a "body class" in the source, which your style doesn't have. (So you can strip out all .lj-view-whatever CSS - it doesn't work, anyway).

The problem is pretty simple - you've got the text color as "bbb" (grey) in your CSS, and there's no entry_text class on the reply mode page, so the font size and font family are using system default.

Try this instead (changes in bold):

.entry {border:0; background:transparent; margin:0 10px; color:#000;font-size:13px; font-family:verdana, sans-serif;}
div.entry_text {text-align:left;font-family:verdana, sans-serif; font-size:13px; color:#000; min-height:100px;}

[rozarka]

Oh, thank you so much, that worked to change the font! :) I can't believe I didn't notice that in the css. *facepalm*

The reply page date/subject lines are still the wrong font/size/text (though at least legible plain black), but I think this may be a general problem with importing FSq to DW — I looked around at other FSq layouts here that had the same issue on the reply page. It seems it reverts to the default Fsq date/subject line (I also tried pasting in a couple of other FSq-based style-sheets in my css box and the same thing happened). If I can bother you some more — you wouldn't know a way around that in the css? I suspect I'll need to go and do something in my layout (or rather theme?) layer, but no idea of which part of code to change.

Yeah, try this:

[marahmarie]

.datesubject {padding: 0; margin-right:20px; margin-left:20px; background:transparent;}
.date, .replytoposter {color:#bbb; border-bottom:1px dashed #ccc; padding-top: 2px; padding-bottom: 2px; font-size:9px; text-transform:uppercase;margin-top: -20px;}
.subject,.replytosubject {display:block; position: static; color:#db5c83; padding: 6px 0px; font-family:verdana, sans-serif; font-size:18px; line-height:15px; letter-spacing: 2px; font-weight:normal;}
.subject a, .subject a:link, .subject a:visited {color:#db5c83; font-weight:normal;}
.subject a:hover {color:#db5c83; background:transparent;}

.entry {border:0; background:transparent; margin:0 10px; font-size: 13px; font-family:verdana, sans-serif; color:#000;}

It's not absolutely perfect but it's pretty close. Any more questions please feel free to ask.

It's not, btw, a "formatting problem" per se...it's that the view-reply or reply-mode pages (same thing) use different markup than view-recent in your particular style. On top of that, the view-reply/reply mode pages don't have body class markup to allow you to target their different and/or missing classes directly. This is quite a common issue with LJ and DW styles. :)

Re: Yeah, try this:

[rozarka]

Hey, that's close enough to perfect that I'm more than happy. :D

Thank you so much, I truly appreciate all your help! :)