From 6b34c242e54ab0ee62c103602cef6d5f7a0e0551 Mon Sep 17 00:00:00 2001 From: Heli Detroja Date: Sun, 23 Jun 2024 14:48:10 +0530 Subject: [PATCH] hover effect added on navbar --- public/css/style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/public/css/style.css b/public/css/style.css index f9ebb8a..3a3cb54 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -43,12 +43,17 @@ body { .navbar-nav .nav-opt { color: black; border: 1px solid gray; - border-radius: 15px; + border-radius: 30px; padding: 8px 18px; font-size: 14px; text-decoration: none; } +.navbar-nav .nav-opt:hover{ + background-color: #198754; /* Change background color on hover */ + color: white; /* Change text color on hover */ + border-color: #198754; /* Change border color on hover */ +} .owl-carousel { overflow: hidden;