From 4bda123ce4049ccadac2f7f8ea5e9320a8a2add1 Mon Sep 17 00:00:00 2001 From: Gary Date: Tue, 13 May 2025 16:34:23 +0100 Subject: [PATCH] updated css --- css/style.css | 36 +++++++++++++++++++++++++++--------- 1 file changed, 27 insertions(+), 9 deletions(-) diff --git a/css/style.css b/css/style.css index 2a33410..4c6d8c7 100644 --- a/css/style.css +++ b/css/style.css @@ -9821,27 +9821,45 @@ textarea.form-control { height: 250px; } +.hero-wrap { + position: relative; /* Ensure stacking context for children */ + z-index: 1; +} + +.home-slider { + position: relative; /* Ensure stacking context for slider items */ + z-index: 1; +} + +.slider-item { + position: relative; /* Ensure stacking context for overlay and content */ + z-index: 1; +} + .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 */ + background-color: rgba(0, 0, 0, 0.5); + z-index: 2; /* Overlay should be above the slider-item's base */ } .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 */ + position: relative; /* Maintain its position in the flow */ + z-index: 10; /* Ensure it's above the overlay */ } .banner-logo a { - display: block; /* Or inline-block, to ensure the link itself can be positioned if needed */ + display: block; /* To ensure the link respects z-index */ + z-index: 11; } .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 */ -} + display: block; /* To ensure the image respects z-index */ + z-index: 12; + max-width: none; /* Reset any max-width that might be causing issues */ + height: auto; /* Maintain aspect ratio */ + width: auto; /* Ensure it sizes according to its container */ +} \ No newline at end of file