Acorn_Media/warmseal-roofing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated hero

Browse Source
This commit is contained in:
Gary 2025-05-13 16:07:07 +01:00
parent 2b027fd42b
commit cb721653af
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/style.css
View File

@ -8226,7 +8226,7 @@ h1, h2, h3, h4, h5,
right: 0; right: 0;
bottom: 0; bottom: 0;
content: ''; content: '';
opacity: 0; opacity: 0.5;
background: #000000; } background: #000000; }
.hero-wrap.hero-wrap-2 { .hero-wrap.hero-wrap-2 {
height: 500px; } height: 500px; }
@ -8330,7 +8330,7 @@ h1, h2, h3, h4, h5,
bottom: 0; bottom: 0;
right: 0; right: 0;
background: #000005; background: #000005;
opacity: 0.5; opacity: 0.8;
width: 100%; width: 100%;
padding: 0; padding: 0;
z-index: 0; } z-index: 0; }
@ -9782,15 +9782,13 @@ textarea.form-control {
.banner-logo { .banner-logo {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 0; padding-bottom: 0;
max-width: 400px; max-width: 400px;
height: 400px; height: 400px;
opacity: 1; z-index: 3 !important;
z-index: 0 !important;
} }
.banner-logo a { .banner-logo a {
@ -9799,15 +9797,18 @@ textarea.form-control {
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 3 !important;
} }
.banner-logo img { .banner-logo img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
object-fit: contain; object-fit: contain;
z-index: 3 !important;
} }
.banner-logo img:hover { .banner-logo img:hover {
transform: scale(1.1); transform: scale(1.1);
transition: transform 0.3s ease; transition: transform 0.3s ease;
z-index: 3 !important;
} }

6
includes/index-hero.php
View File

@ -5,11 +5,11 @@
<div class="container"> <div class="container">
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center"> <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
<div class="col text-center ftco-animate banner-logo"> <div class="col text-center ftco-animate banner-logo">
<a href="index.php" class="navbar-brand d-flex"> <a href="index.php">
<img src="<?= $URLcorection ?>images/logo/Warmseal-Blue-Transparent.svg" class="img-fluid" alt="Warmseal Logo"> <img src="<?= $URLcorection ?>images/logo/Warmseal-Blue-Transparent.svg" class="img-fluid banner-logo" alt="Warmseal Logo">
</a> </a>
</div> </div>
<div class="row no-gutters slider-text align-items-center justify-content-center"> <div class="row no-gutters slider-text align-items-center justify-content-center">
<div class="col-md-10 text-center ftco-animate"> <div class="col-md-10 text-center ftco-animate">
<div class="text w-100"> <div class="text w-100">
<h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1> <h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1>