0
Welcome Guest! Login
0 items Join Now

SOLVED How to modify home button color in gantry framework

Last Post
Search Topic
    • Andres's Avatar
    • Andres
    • Rocketeer
    • Posts: 96
    • Thanks: 0

    SOLVED How to modify home button color in gantry framework

    Posted 11 years 10 months ago
    • Hello,

      I have successfully changed the color of the header. But I noticed that the home button was on the original color of gantry framework. Could you please tell me how to change the color of the home button and the hover color too in custom css file?

      This image is hidden for guests.
      Please log in or register to see it.


      The site is afmcapital.com/

      Best regards,

      Andrés
    • Last Edit: 11 years 10 months ago by Andres.
    #983695
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: SOLVED How to modify home button color in gantry framework

    Posted 11 years 10 months ago
    • Add this to your custom css file
      body .gf-menu li.active:hover {
background: red !important;
}
 
.gf-menu.l1 > li.active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
background: none !important;
}

      This is how you create a custom CSS file...
      www.gantry-framework.org/documentation/j...custom_stylesheet.md

      When we release upgrades template files will change and you will have to reapply all your changes again (that's if you can remember where they all are). If you keep your changes in a separate Custom CSS file you'll have no issues upgrading.
    • Check my services at: Mihha-Vision
    #983770
    • Andres's Avatar
    • Andres
    • Rocketeer
    • Posts: 96
    • Thanks: 0

    Re: SOLVED How to modify home button color in gantry framework

    Posted 11 years 10 months ago
    • Thank you very much!
    #984642
    • Andres's Avatar
    • Andres
    • Rocketeer
    • Posts: 96
    • Thanks: 0

    Re: SOLVED How to modify home button color in gantry framework

    Posted 11 years 10 months ago
    • Hello,

      Really sorry, there is any way to change .gf-menu background color to red? I mean I want to get a menu bar in red color.

      Regards,

      Andrés
    #984653
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: SOLVED How to modify home button color in gantry framework

    Posted 11 years 10 months ago
    • Add this also
      .rt-block.menu-block {
background: red;
}
    • Check my services at: Mihha-Vision
    #984714
    • Andres's Avatar
    • Andres
    • Rocketeer
    • Posts: 96
    • Thanks: 0

    Re: SOLVED How to modify home button color in gantry framework

    Posted 11 years 10 months ago
    • Hello,

      Done! Can you please check if my custom css is correct, because I have two black rectangles in both sides of menu.

      Site url is www.afmcapital.com 


      body .gf-menu .dropdown {background: red;filter: none;}
body .gf-menu .dropdown {border-color: red;box-shadow: none;}
body {background: #FFFFFF !important;}
body .gf-menu li:hover, .gf-menu .dropdown ul li:hover .item {background: red;box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;}
body .gf-menu li:hover > .item {color: #FFFF88 !important;}
body .gf-menu li.active:hover {
background: red !important;
}
 
.gf-menu.l1 > li.active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
background: none !important;
}
body #rt-top-surround {background: #041128 !important;}
.rt-block.menu-block {
background: red;
} 

      Regards,

      Andrés
    #984754
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: SOLVED How to modify home button color in gantry framework

    Posted 11 years 10 months ago
    • Those rectangles can't be avoided I am afraid because of the structure of template itself and the way menu module is placed in it 8)
    • Check my services at: Mihha-Vision
    #984773
    • Andres's Avatar
    • Andres
    • Rocketeer
    • Posts: 96
    • Thanks: 0

    Re: SOLVED How to modify home button color in gantry framework

    Posted 11 years 10 months ago
    • Thank you for your help.
    #984806
    • Andres's Avatar
    • Andres
    • Rocketeer
    • Posts: 96
    • Thanks: 0

    Re: SOLVED How to modify home button color in gantry framework

    Posted 11 years 10 months ago
    • Thank you very much!

      Regards,

      Andrés
    #984997

Time to create page: 0.065 seconds