Welcome Guest! Login
0 items Join Now

change Afterburner2 menu items color

  • change Afterburner2 menu items color

    Posted 4 months 4 days ago
    • Hello all!

      I operate, among others, a website using the free Afterburner2 template.
      I have successfully managed to change the background color of the header and footer using custom css.

      Now I would also like to change the color of the dropdown menu items, but I cannot find the correct name of the corresponding div container. Can anyone help me out?

      Here is the link to the site: ekifaz.hofnarr.eu/

      The dropdown menu should not be rose-red, but greenish...

      Thanks in advance!
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 89636
    • Thanks: 11692
    • Web Designer/Developer

    Re: change Afterburner2 menu items color

    Posted 4 months 4 days ago
    • Please note that whilst Afterburner2 is free support for it is not. Nevertheless...

      Use this code...
      .gf-menu .dropdown {
          background-color: yellow;
      .gf-menu .dropdown ul li:hover > .item {
          background-color: blue;
          color: #ffffff;
      .gf-menu .dropdown ul li > .item {
          color: #000000;

      This is how to create a custom CSS compatible with Gantry 4...


      Regards, Mark.
    • The following users have thanked you: rhofmann

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.

Time to create page: 0.062 seconds