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

trying to fix logo issue

Browse Source
This commit is contained in:
Gary 2025-05-13 16:26:29 +01:00
parent f211924225
commit 4b76760f72
2 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
css/style.css
View File

@ -8323,7 +8323,7 @@ h1, h2, h3, h4, h5,
height: 700px; height: 700px;
position: relative; position: relative;
z-index: 0; z-index: 0;
overflow: d; } overflow: hidden; }
.owl-carousel.home-slider .slider-item .overlay { .owl-carousel.home-slider .slider-item .overlay {
position: absolute; position: absolute;
top: 0; top: 0;
@ -8341,7 +8341,7 @@ h1, h2, h3, h4, h5,
height: 700px; height: 700px;
position: relative; } position: relative; }
.owl-carousel.home-slider .slider-item .slider-text .text { .owl-carousel.home-slider .slider-item .slider-text .text {
z-index: 2; z-index: 1;
color: rgba(255, 255, 255, 0.9); } color: rgba(255, 255, 255, 0.9); }
.owl-carousel.home-slider .slider-item .slider-text h1 { .owl-carousel.home-slider .slider-item .slider-text h1 {
font-size: 60px; font-size: 60px;
@ -9782,7 +9782,7 @@ textarea.form-control {
.banner-logo { .banner-logo {
display: flex; position: relative;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 0; padding-bottom: 0;
@ -9820,3 +9820,28 @@ textarea.form-control {
max-width: 250px; max-width: 250px;
height: 250px; height: 250px;
} }
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* Example overlay style */
z-index: 1; /* Ensure the overlay has a z-index */
}
.banner-logo {
position: relative; /* Or absolute/fixed, but needs to be positioned */
z-index: 2; /* Make sure the logo's container has a higher z-index */
}
.banner-logo a {
display: block; /* Or inline-block, to ensure the link itself can be positioned if needed */
}
.banner-logo img {
/* You might need to ensure the image itself respects the z-index */
position: relative; /* Or absolute/fixed */
z-index: 3; /* Give the image an even higher z-index */
}

2
includes/index-hero.php
View File

@ -6,7 +6,7 @@
<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="<?= $URLcorection ?>index"> <a href="<?= $URLcorection ?>index">
<img src="<?= $URLcorection ?>images/logo/Warmseal-Blue-Transparent.svg" class="img-fluid banner-logo" alt="Warmseal Logo"> <img src="<?= $URLcorection ?>images/logo/Warmseal-Blue-Transparent.svg" class="" 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">