Browse Source

hero

master
rdrew 2 weeks ago
parent
commit
227261ecda
  1. 9
      css/components/landing_page.css
  2. 2
      templates/includes/lp-banner.html.twig

9
css/components/landing_page.css

@ -2,13 +2,17 @@ figure.logo--ilivesnews {
background: none; background: none;
/*width: 24em;*/ /*width: 24em;*/
margin: 0 auto; margin: 0 auto;
height: 300px; height: 280px;
justify-content: space-around; justify-content: space-around;
display: flex; display: flex;
align-items: center; align-items: center;
h1 { h1 {
font-family: var(--font-logo); font-family: var(--font-logo);
font-size: 6em; font-size: 6em;
border-top: 6px double #909090;
border-bottom: 6px double #909090;
padding: 15px 15px 25px 15px;
border-spacing:10px;
} }
} }
.site-branding__name a { .site-branding__name a {
@ -24,7 +28,8 @@ article.node.node--type-landing-page h2 {
.hero-section { .hero-section {
border: 10px solid #d0bca4; border: 10px solid #d0bca4;
border: 10px solid #909090; border: 10px solid #909090;
background: none !important; /*background: none !important;*/
background-size: 1480px 300px !important;
height:300px; height:300px;
} }
.hero--wrapper { .hero--wrapper {

2
templates/includes/lp-banner.html.twig

@ -2,7 +2,7 @@
<div class="hero-section" style="background:url(/themes/custom/olivesnews/images/newsprint.webp) 50% no-repeat;"> <div class="hero-section" style="background:url(/themes/custom/olivesnews/images/newsprint.webp) 50% no-repeat;">
<div class="logo-wrapper"> <div class="logo-wrapper">
<figure class="logo--ilivesnews"> <figure class="logo--ilivesnews">
<h1>Island Newspapers</h1> <a href="/home"><h1>Island Newspapers</h1></a>
</figure> </figure>
</div> </div>
</div> </div>

Loading…
Cancel
Save