Publii - Simple Fix for longer text descriptions in the hero

Publii-Simple-Mods.md

Here's a 2nd fix for the forum topic Need Help with Publii Glitches in Author and Tag Descriptions, which uses the Simple theme. Demo of issue:

I'm assuming you're editing the main.css file in a theme override. If you're using "Custom CSS" inside Publii, try to override every rule that has to be deleted using "unset" (ex: .hero { position: unset; })

.hero Class

Delete or comment out the following three lines inside the .hero rule:

.hero {
  height: var(--hero-height); /*delete this line*/
  position: relative; /*delete this line*/
  top: 0; /*delete this line*/
}

.hero__content Class

Delete or comment out the following six lines inside the .hero__content rule:

.hero__content {
  bottom: 10%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

---

Found these tips helpful? Consider supporting my work so that I can keep going. 😊