logo-responsive
Welcome, Guest
Username: Password: Remember me

TOPIC: [Joomlage0104] Hornav menu - change BG color on mouse over

[Joomlage0104] Hornav menu - change BG color on mouse over 1 week 6 days ago #15225

  • JoCool
  • JoCool's Avatar
  • Offline
  • Fresh Boarder
  • Posts: 7
  • Karma: 0
Hi JohnO,
I am using the template on this site: cpkt2019.chorpunkt.de
The hornav menu is placed on the left side. Actually when touching a menu item with the mouse pointer, the color of the text is changing (this is what I can change in the settings). Instead of changing the text color, I would like to have the background color changed. To be more specific, not the background color of the text, I mean the background color of the <li class="item-xxx">.
Can you help me with some css code, which I can add to the custom css?
Attachments:
The administrator has disabled public write access.

[Joomlage0104] Hornav menu - change BG color on mouse over 4 days 17 hours ago #15235

  • JoCool
  • JoCool's Avatar
  • Offline
  • Fresh Boarder
  • Posts: 7
  • Karma: 0
*push*
The administrator has disabled public write access.

[Joomlage0104] Hornav menu - change BG color on mouse over 17 hours 28 minutes ago #15243

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5027
  • Thank you received: 825
  • Karma: 95
Hello JoCool,

You could try the following.
Copy and paste the following css code into the custom css code parameter in the templates styling parameters. Edit the background-color hex code as required.
#hornav > ul > li:hover {
    margin: 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 20px;
    background-color: #ffffff !important;
}

Thanks,
JohnO
The administrator has disabled public write access.
Time to create page: 0.133 seconds
Powered by Kunena Forum

Use code   DEC18 at checkout

     December    

10% off Everything!

Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok