Judas River (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
judas_river) wrote in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
style_system2020-12-18 01:24 pm
judas_river) wrote in style_system2020-12-18 01:24 pm
Help with Journal Customization
Hello, 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!