SOLVED How to modify header color in gantry framework
-
-
- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
-
Hello,
I have attached and image because I don't know the technical name of these parts of the template.
This image is hidden for guests.
Please log in or register to see it.
Regards,
Andrés
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
no worries. change your custom css to this
body #rt-top-surround, body .gf-menu .dropdown {background: #000000;filter: none;} body .gf-menu .dropdown {border-color: #000;box-shadow: none;} body {background: #FFFFFF !important;}
that will not change the hover background color of the menu items. Not sure if that is something you wanted to change also.
:cheesy:
-
-
-
- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
-
Hello,
Yes, I want to change the hover background color and the menu color text too.
Your informartion is really helpful. Can I see any tutorial about how to modify all gantry css and where to see all the part of the template (for example rt-header,background, etc.).
Thank you again for all your help!
Andrés
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
may help
www.gantry-framework.org/documentation/
but you will also just need to learn the fundamentals of css from places like here: www.w3schools.com/css/
and specificity here: coding.smashingmagazine.com/2007/07/27/c...ngs-you-should-know/
amd lots of goodies here: css-tricks.com/
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
- I almost forgot the most important part. You need to lear how to use the element inspector in Firebug for firefox or the Chrome Dev Tools. This will change your world. Just google it and get some coffee. :cheesy:
-
-
-
- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
-
Hello,
Done!. Can you please tell me how can I change the hover background color and the menu color text too?
Also, If I want to change something in k2 css, should include this in gantry-custom.css too?
Thank you very much for all your links and comments! I will study all the info that you gave me.
Best regards,
Andrés
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
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;}
yes you should do your k2 overrides in the custom css file as well.
-
Time to create page: 0.068 seconds