title color tuned and new feature title_guard: When set true, it creates a visual guard (partially transparent rounded box), preventing non-ideal background images from interfering with title/description headings

This commit is contained in:
zjedi 2023-03-12 01:46:59 +01:00
parent a3c7cb214e
commit 6d688fb013
4 changed files with 32 additions and 14 deletions

View file

@ -433,20 +433,31 @@ li {
font-size: 16px;
}
/* The details of your blog. Defined in ghost/settings/ */
.title-and-description-guard {
margin: auto;
padding: 0.5em;
background-color: rgb(255 255 255 / 60%);
border-radius: 25px;
width: fit-content;
}
.blog-title {
color: #37501a;
margin: 10px 0 10px 0;
font-size: 5rem;
letter-spacing: -1px;
text-shadow: white 0px 0px 7px;
}
.blog-description {
color: #37501a;
margin: 0;
font-size: 2.5rem;
line-height: 1.5em;
font-weight: 400;
font-family: "Roboto Slab", serif;
letter-spacing: 0;
text-shadow: white 0px 0px 7px;
}
.post-holder {