0
Welcome Guest! Login
0 items Join Now

change Afterburner2 menu items color

Last Post
Search Topic

  • change Afterburner2 menu items color

    Posted 4 years 2 months 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!
      Rico
    #1421926
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: change Afterburner2 menu items color

    Posted 4 years 2 months 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...

      http://docs.gantry.org/gantry4/tutorials/adding-a-custom-stylesheet

      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.
    #1421927

Time to create page: 0.051 seconds