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
========================================================================== */ ========================================================================== */
.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-blend-mode: multiply;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
color: #f1e8e2; color: #f1e8e2;
text-align: center; text-align: center;
padding: 2rem 1rem; padding: 2rem 1rem;
text-shadow: 1px 1px 2px black;
font-family: 'Vollkorn', serif; font-family: 'Vollkorn', serif;
} }
@ -792,6 +793,10 @@ article + article {
text-align: right; text-align: right;
} }
.item__variant {
color: var(--red-color);
}
.item__form, .item__form,
.coupon__form p { .coupon__form p {
display: flex; display: flex;

View File

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