diff --git a/src/assets/scss/_home-collection.scss b/src/assets/scss/_home-collection.scss index b25e862..542a632 100644 --- a/src/assets/scss/_home-collection.scss +++ b/src/assets/scss/_home-collection.scss @@ -1,14 +1,21 @@ +.t-collection--background-title{ + position: absolute; + background: linear-gradient(to bottom, transparent 0%, black 126%); + width: 100%; + transform: translate3d(0, -100%, 0); + height: 172px !important; +} .t-collection--info { - .t-collection--info-img { - max-width: 160px; - max-height: 160px; - @media screen and (min-width: 992px){ - transform: translate3d(0,-50%,0); - } + .t-collection--info-img { + max-width: 160px; + max-height: 160px; + @media screen and (min-width: 992px){ + transform: translate3d(0,-50%,0); } - .t-collection--info-title { - @media screen and (min-width: 992px){ - transform: translate3d(0,-120%,0); - } + } + .t-collection--info-title { + @media screen and (min-width: 992px){ + transform: translate3d(0,-120%,0); } + } } \ No newline at end of file diff --git a/src/header-homecollection.php b/src/header-homecollection.php index f8b2a86..372d1fb 100644 --- a/src/header-homecollection.php +++ b/src/header-homecollection.php @@ -2,13 +2,14 @@ //Header with banner and menu get_header('banner'); ?> +
-

Title

+

Title

Description of collection