0
Welcome Guest! Login
0 items Join Now

afterburner menu 2 css changes

Last Post
Search Topic

  • afterburner menu 2 css changes

    Posted 9 years 2 months ago
    • Hi,

      I want to take the menu and take out all the background colors, borders and other things from it. However, when I include the new code into custom css it is overriden by the original settings

      For example

      I changed the background from solid color to "none" and it failed.

      .gf-menu {
      background: none;

      }


      I then tried using the "transparent" and still did not work

      .gf-menu {
      background: transparent;

      }

      Then went on search to find out where the css code is at but could not find it.

      i have several changes want to make so if any suggestions where,how to proceed. I would greatly appreciate it.

      thanks
    #1273288
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: afterburner menu 2 css changes

    Posted 9 years 2 months ago
    • Could you please post a URL to your site (this can be done in the secure area tab if you prefer) so we can look for you. Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.


      Regards, Mark.
    • 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.
    #1273291

  • Re: afterburner menu 2 css changes

    Posted 9 years 2 months ago
    • ok I included it in the secure link

      If you firebug it and look just about any settings on menu (mainly backgrounds, borders).

      You'll see the two different sets of css. The original and then the code from the custom form

      thanks!!!!
    #1273318
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: afterburner menu 2 css changes

    Posted 9 years 2 months ago
    • You just have insufficient CSS specifity on your statements to effect an override. So change you code to:
      ul.gf-menu {
    background: transparent none repeat scroll 0 0;
}
ul.gf-menu.l1 > li > .item::after {
    border-right: medium none transparent;
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}
ul.gf-menu.l1 > li.active {
    background: transparent none repeat scroll 0 0;
}
ul.gf-menu {
    box-shadow: none;
}
ul.gf-menu.l1 > li > .item {
    border-right: medium none transparent;
    font-size: 18px;
    line-height: 40px;
    padding: 0 15px;
}

      Then it works. Note also you had an error it's "box-shadow: none;" not "box-shadow: transparent;".

      Regards, Mark.
    • 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.
    #1273414

Time to create page: 0.053 seconds