![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
judas_river posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
style_systemHello, and thank you in advance for taking the time to read this. Some years ago, I sort of muddled my way through porting my style over from LiveJournal. However, there are a few minor issues that I can't seem to figure out on my own, and I'd love to finally address them. Would any of you wonderful people be able to help me?
My layout: I'm using the Component layout from LJ, which I more or less just copied over and worked my way through the errors until it finally compiled. I believe it was an S2 layout on LJ, and it looks like my version over here is labeled LiveJournal S2 Core, v1. I realize that this is an old style and not native to DW. However, it's really perfect for me and I'd prefer to troubleshoot it rather than try and adapt a DW style to my needs. I can post the code somewhere if that'd be helpful, but I'm not really sure how best to go about sharing it.
My theme: I'm using a custom theme called Shades of Brown, which includes an added custom header bar and various other minor customizations. Again, I can post the code if anyone would like it and can tell me where/how to do so.
Custom CSS: On DW's basic Customize Journal page, under Custom CSS the box for "Use layout's stylesheet(s)" is checked. I have nothing in the text box labeled Custom Stylesheet and I'm not using a custom external stylesheet. All of my customizing so far has either been done through the wizard or through my theme layer.
Problem #1: Adding direct entry links to my journal. When I load my journal and look at my entries, there's a link at the bottom of each one that says "Leave a comment". If there are comments on an entry, there will also be a link to the left of that which says "[X] comments". I would really like to also always have a link in this area that just links directly to that entry. Ideally something likestyle_system itself has ("Link" and "Reply" if there are no comments, "Link" "[X] comments" and "Reply" if there are some).
Problem #2: Adding cut-text expansion arrows. I see on many people's journals and comms that there is an arrow to the left of cut-text that can be toggled to expand or collapse the cut. I would love to have that on my journal too, but I'm at a loss for what code to use or where to put it. (I swear my journal actually used to have these, but I can't find any proof and anyway they're not there now.)
Problem #3: Reading page subtitle not displaying. On DW's basic Customize Journal page, I put in a custom journal title and subtitle as well as a custom reading page title and subtitle. The journal ones display properly on my recent entries page, but my reading page shows my reading title and my journal subtitle. I feel like this is a really quick, simple fix, but I just can't figure out where.
Problem #4: Header image not shrinking properly on mobile devices. I have a custom header image on my journal. It's not that large, so on my laptop it doesn't extend the full width of the page. This is fine. However, when I load my journal on my phone, the header image is wider than everything else on the page. It still shrinks to fit the screen, but the header, body, and side components under it end up being narrower. Is this something I can fix? I've uploaded a screenshot here, and it does this on both Firefox and Chrome.
If you got all the way through that, you deserve an award haha. Any help with any of these problems would be so deeply appreciated. What little I know about coding layouts is self-taught and spotty at best, so any and all explanations to accompany any help offered would be especially awesome, too. Thanks so much!
My layout: I'm using the Component layout from LJ, which I more or less just copied over and worked my way through the errors until it finally compiled. I believe it was an S2 layout on LJ, and it looks like my version over here is labeled LiveJournal S2 Core, v1. I realize that this is an old style and not native to DW. However, it's really perfect for me and I'd prefer to troubleshoot it rather than try and adapt a DW style to my needs. I can post the code somewhere if that'd be helpful, but I'm not really sure how best to go about sharing it.
My theme: I'm using a custom theme called Shades of Brown, which includes an added custom header bar and various other minor customizations. Again, I can post the code if anyone would like it and can tell me where/how to do so.
Custom CSS: On DW's basic Customize Journal page, under Custom CSS the box for "Use layout's stylesheet(s)" is checked. I have nothing in the text box labeled Custom Stylesheet and I'm not using a custom external stylesheet. All of my customizing so far has either been done through the wizard or through my theme layer.
Problem #1: Adding direct entry links to my journal. When I load my journal and look at my entries, there's a link at the bottom of each one that says "Leave a comment". If there are comments on an entry, there will also be a link to the left of that which says "[X] comments". I would really like to also always have a link in this area that just links directly to that entry. Ideally something like
style_system itself has ("Link" and "Reply" if there are no comments, "Link" "[X] comments" and "Reply" if there are some).Problem #2: Adding cut-text expansion arrows. I see on many people's journals and comms that there is an arrow to the left of cut-text that can be toggled to expand or collapse the cut. I would love to have that on my journal too, but I'm at a loss for what code to use or where to put it. (I swear my journal actually used to have these, but I can't find any proof and anyway they're not there now.)
Problem #3: Reading page subtitle not displaying. On DW's basic Customize Journal page, I put in a custom journal title and subtitle as well as a custom reading page title and subtitle. The journal ones display properly on my recent entries page, but my reading page shows my reading title and my journal subtitle. I feel like this is a really quick, simple fix, but I just can't figure out where.
Problem #4: Header image not shrinking properly on mobile devices. I have a custom header image on my journal. It's not that large, so on my laptop it doesn't extend the full width of the page. This is fine. However, when I load my journal on my phone, the header image is wider than everything else on the page. It still shrinks to fit the screen, but the header, body, and side components under it end up being narrower. Is this something I can fix? I've uploaded a screenshot here, and it does this on both Firefox and Chrome.
If you got all the way through that, you deserve an award haha. Any help with any of these problems would be so deeply appreciated. What little I know about coding layouts is self-taught and spotty at best, so any and all explanations to accompany any help offered would be especially awesome, too. Thanks so much!
no subject
Date: 2020-12-18 10:02 pm (UTC)2 I think maybe a DW-side issue - basically, earlier this year we modernized some of the Javascript used in journals, which caused a bunch of the automatic stuff to stop working in very old core1 layouts. I know we have a fix, but I forget if it's live and/or there's something users need to do - will follow up with the dev who wrote the fix and let you know.
4 looks like it'd be something easy to fix in the layer source code - basically add
style="max-width:100%"to the image tag.no subject
Date: 2020-12-18 10:20 pm (UTC)That makes sense for #2, and would explain why I remember having cut-tag expansion arrows before. I really appreciate you checking with the dev on that!
Pardon my ignorance, but I can't figure out where to add the max-width phrase in my theme layer. If you end up taking a look at that layer for the other issues, would you mind pointing me in the right direction? Sorry to be a bother!
no subject
Date: 2020-12-19 03:17 am (UTC)I'll try to have a look at the layer stuff this weekend. Unfortunately the JS fixes are not live yet, but it's a known issue and it'll get fixed eventually.
no subject
Date: 2020-12-20 12:03 am (UTC)no subject
Date: 2020-12-20 06:59 pm (UTC)layout layer and theme layer which should have the fixes for 1 & 4. The reading page title & subtitle are specific to core2 layouts, unfortunately, and the work to get it into core1 is not worth the effort.
no subject
Date: 2020-12-25 11:18 am (UTC)However, the layout layer doesn't seem to be having the desired effect. I copied in your code but nothing seems to have changed. I did see the piece you added, although I don't know why it's not working.
Thanks for the heads-up on the reading page title and subtitle. It's good to know that that's really only a core2 option. It's such a minor thing that it's definitely not worth going to a lot of trouble to import into core1.