We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Need Help with Publii Glitches in Author and Tag Descriptions

April 14, 2023 at 9:57 pm #9818

[anonymous]

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!

April 14, 2023 at 10:51 pm #9820

[anonymous]

Hi,

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

April 15, 2023 at 7:28 pm #9828

[anonymous]

Tomasz Dziuda wrote:

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!

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.

April 15, 2023 at 7:49 pm #9829

Bob

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.

April 18, 2023 at 11:33 am #9832

[anonymous]

[anonymous] 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.

April 22, 2023 at 6:35 am #9847

[anonymous]

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

April 25, 2023 at 9:47 pm #9882

[anonymous]

[anonymous] 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

April 26, 2023 at 9:08 pm #9889

[anonymous]

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.

April 26, 2023 at 9:44 pm #9890

[anonymous]

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