Sign in

Need Help with Publii Glitches in Author and Tag Descriptions

  • This topic has 8 replies, 4 voices, and was last updated 7 months, 1 week ago by .
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #9818
    Avatar photoLikha Studios

    Hi everyone,

    I am facing some issues with Publii, a static website CMS, specifically with the author and tag descriptions. I have noticed that when I add descriptions for authors or tags, the text sometimes contains HTML tags that are visible when published on my website. This is not the intended behavior, as I want the descriptions to be displayed as plain text without any HTML tags.

    Additionally, I have also observed that in some cases, the text in the author or tag descriptions doesn’t fit properly and ends up going into the header section of my website, making it unseen and causing formatting issues.

    I have tried to find a solution for these glitches, but so far, I haven’t been successful. I have checked my settings and configurations, but I can’t seem to figure out what’s causing these problems.

    Has anyone else experienced similar issues with Publii? If so, could you please share any insights or solutions that you may have found? I would greatly appreciate any help or suggestions to resolve these glitches and ensure that the author and tag descriptions are displayed correctly on my website.

    Here’s an example: https://ibb.co/WF55m0d

    Thank you in advance for your assistance!

    #9820
    Avatar photoTomasz Dziuda

    Hi,

    Please read: https://forum.getpublii.com/topic/the-new-tag-author-options-in-publii-0-42-0/

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #9828
    Avatar photoLikha Studios
    Tomasz Dziuda wrote:


    Do you appreciate the support you’ve received today? If so, consider donating to the Publii team by clicking here; we’ll be sure to use your donation to make Publii even better!

    I updated my theme so now the tags won’t show up. But the text still goes into the header. It’s way worse when it’s in mobile.

    #9829
    Avatar photoBob

    The tag/author description is a brief, concise statement about its subject. If you wish to write a poem :), I recommend composing an article instead. Due to their layout, some themes do not support such long descriptions.

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #9832
    Avatar photoLikha Studios
    Bob wrote:

    The tag/author description is a brief, concise statement about its subject. If you wish to write a poem :), I recommend composing an article instead. Due to their layout, some themes do not support such long descriptions.

    Well that’s a glitch isn’t it? And especially worse on mobile view, or even smaller resolutions. While the sites Publii generates are responsive, this is still a bit of an issue. And if the description is just meant for a brief, concise statement, then why not just limit the amount of characters for it?

    Hopefully this issue will be checked soon, thanks.

    #9847
    Avatar photocandidexmedia

    Can you send a link to the live page where the issue is happening? It’ll make it easier to inspect and provide solutions.

    #9882
    Avatar photoLikha Studios
    candidexmedia wrote:

    Can you send a link to the live page where the issue is happening? It’ll make it easier to inspect and provide solutions.

    https://blog.getlikha.com

    #9889
    Avatar photocandidexmedia

    Gotcha, thank you!

    The culprit here is the div class .hero, which has a variable height of 80vh. This means that the height of the hero section will always take up 80% of the height of the viewport screen.

    For demonstration purposes, here is a video illustrating this phenomenon with the “Simple” theme demo (which I assume is the theme you’re using): https://i.imgur.com/mYLrYRC.mp4

    To fix this, simply add a min-height rule to the .hero class in your Custom CSS or main.css. Play around with the number of px (or other unit of measure) that fixes the issue for your longest tag or author. Here’s a demo with min-height 500px: https://i.imgur.com/J03z48r.mp4

    There are probably other ways of editing the layout so that the hero section takes up the height of the text and so that the text isn’t tethered to the bottom of the div, but this is the simplest fix I could think of. That said, I encourage you to play around with the CSS of the .hero and its children, especially the position, padding, and margins. My fix will result in inconsistent spacing at the top of the text since that space is meant to be filled with an image in the background.

    #9890
    Avatar photocandidexmedia

    Update: here’s a 2nd, more detailed fix that’s better suited for your blog: https://gist.github.com/candidexmedia/cf9dfbf1359559591ed19183a1faf726

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.