Update banner styles

This commit is contained in:
Nathan Chapman 2022-11-06 10:00:40 -07:00
parent 0e52e1bdfe
commit 087728b827
2 changed files with 7 additions and 3 deletions

View File

@ -441,13 +441,14 @@ section:not(:last-child) {
/* Site Banner
========================================================================== */
.site__banner {
background-color: rgba(0, 0, 0, 0.44);
background-color: rgba(0, 0, 0, 0.6);
background-blend-mode: multiply;
background-size: cover;
background-position: center;
color: #f1e8e2;
text-align: center;
padding: 2rem 1rem;
text-shadow: 1px 1px 2px black;
font-family: 'Vollkorn', serif;
}
@ -792,6 +793,10 @@ article + article {
text-align: right;
}
.item__variant {
color: var(--red-color);
}
.item__form,
.coupon__form p {
display: flex;

View File

@ -15,8 +15,7 @@
{% block content %}
<div class="site__banner site__banner--site">
<h1>Welcome to our new website!</h1>
<h4>NEW COOL LOOK, SAME GREAT COFFEE</h4>
<h1>Now three different size bags to choose from!</h1>
</div>
<article>
<section class="product__list">