0
Welcome Guest! Login
0 items Join Now

Customize splitmenu

    • clem974's Avatar
    • clem974
    • Newbie
    • Posts: 16
    • Thanks: 0

    Customize splitmenu

    Posted 8 years 10 months ago
    • Hi all
      i just want change background color (blue default), stroke color and font colors in splitmenu (rocknav)?
      only css style rt-block rt-menubar splitmenu...

      i don't find any recent post on ths subject.
      Some help please?
      Cédric
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Customize splitmenu

    Posted 8 years 10 months ago
    • Hi

      You need to create a custom css file. 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"

      Now add the following code...

      #rt-mainbottom .splitmenu ul.menu {
          background-color:#ff0000;
      }
      #rt-mainbottom .module-content ul.menu > li a, #rt-mainbottom .module-content ul.menu li .separator, #rt-mainbottom .module-content ul.menu li .nolink {
        color: #000;
        text-shadow: -1px -1px 1px rgba(255,255,255,0.8);
      }
      #rt-mainbottom .module-content ul.menu > li > a:hover, #rt-mainbottom .module-content ul.menu li .separator:hover, #rt-mainbottom .module-content ul.menu li > .nolink:hover, #rt-mainbottom .module-content ul.menu > li.active > a, .module-content ul.menu li.active > .separator:hover, .module-content ul.menu li.active > .nolink:hover {
        border-color: rgba(225,225,225,0.8);
      }

      Simply adjust colours to suit your needs.

      If this resolves your problem then please edit your first post in this thread by adding [SOLVED] at the start of the title and click on the icon and select the 'tick' icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)
    • The following users have thanked you: clem974


    • 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
    • clem974's Avatar
    • clem974
    • Newbie
    • Posts: 16
    • Thanks: 0

    Re: Customize splitmenu

    Posted 8 years 9 months ago
    • [Solved] top answer Big Merci!
    • Last Edit: 8 years 9 months ago by clem974.

Time to create page: 0.042 seconds