Skip to content

Instantly share code, notes, and snippets.

@candidexmedia
Last active April 26, 2023 20:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save candidexmedia/cf9dfbf1359559591ed19183a1faf726 to your computer and use it in GitHub Desktop.
Save candidexmedia/cf9dfbf1359559591ed19183a1faf726 to your computer and use it in GitHub Desktop.
Publii - Simple Fix for longer text descriptions in the hero

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: video

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);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment