Customize menu of University Template

May 2014 Joomla Template
KellyAn
Fri Jan 05, 2018 1:24 pm
Hi!
I tried to customize menu: make it with black background, opacity: 0.8 and white letters.
Before I read this documentation: https://www.gavick.com/documentation/jo ... -menu-font
but faced with some problems. If I add to override.css this code:
Code: Select all
#gkMainMenu .gkMenu > ul > li > a {
    background: #000;
   opacity: 0.8;
    padding: 2px 12px;
    font-size:15px;
    color: #fff;
}
#gkMainMenu .gkMenu > ul li div.childcontent a {
    background: #000;
   opacity: 0.8;
    font-size:15px;
    color: #fff;
   display: block;
   padding: 7px 0;
}

I will see white border around submenu. If I will add this code:
Code: Select all
#gkMainMenu .gkMenu > ul > li > a {
    background: #000;
    opacity: 0.8;
    padding: 2px 12px;
    font-size:15px;
    color: #fff;
}
#gkMainMenu .gkMenu > ul li div.childcontent {
   background: #000;
   opacity: 0.8;
   border: 1px solid #171717;
   margin-top: 0;
   text-transform: none;
}
#gkMainMenu .gkMenu > ul li div.childcontent a {
    font-size:15px;
    color: #fff;
   display: block;
   padding: 7px 0;
}

I can't get opacity of submenu :(
Now I added this code:
Code: Select all
#gkMainMenu .gkMenu > ul > li > a {
    background: #000;
   opacity: 0.8;
    padding: 2px 12px;
    font-size:15px;
    color: #fff;
}

#gkMainMenu .gkMenu > ul li div.childcontent {
   background: none;
   border: none;
   margin-top: -12px;
   text-transform: none;
}

#gkMainMenu .gkMenu > ul li div.childcontent a {
    background: #000;
   opacity: 0.8;
    font-size:15px;
    color: #fff;
   display: block;
   padding: 12px 20px;
}

and got what I want. But I do not know for sure, is it right or not? How to do it better?
User avatar
Fresh Boarder

Joshua M
Fri Jan 05, 2018 1:48 pm
Hi,
Your last code is fine and works properly.
User avatar
Moderator

KellyAn
Fri Jan 05, 2018 1:50 pm
Hi, Joshua M!
Thank you so much for you review!
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.
GavickPro website uses cookies. By continuing to use this website, you are giving consent to cookies being used. More details…×