0
Welcome Guest! Login
0 items Join Now

SOLVED fontawesome in splitmenu - icons under text

  • SOLVED fontawesome in splitmenu - icons under text

    Posted 9 years 5 months ago
    • Hi, I could use some help with problem on my website www.pilsedu.cz . There is a Splitmenu in three color modules. All menu items starts with icon from font-awesome. But as you can see on home page, icons are visible under the text of menu in black color. But when you click on some menu items, the menu text for link you clicked is with arrow before icon and all is fine. Black icons under text are gone. I was tweaking font-awesome and split menu code a bit few months ago, but didnt see this. There is propably some glitch in code, but i can't see it :-(.
      Can someone help me with this please?

      Martin
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED fontawesome in splitmenu - icons under text

    Posted 9 years 5 months ago
    • It is caused by twitters bootstrap CSS.


      Use this code...
      #rt-feature [class^="icon-"], #rt-feature [class*=" icon-"] {
          background-image: none;
      }
      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      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.
  • Re: SOLVED fontawesome in splitmenu - icons under text

    Posted 9 years 5 months ago
    • I have forced that bgimg none to my previous tweaks and its working. So thanks a lot for pushing right direction MrT. Very helpful. Rockettheme has one of the best support.

      Martin

Time to create page: 0.061 seconds