Hard time changing the dropdown menu
-
-
- Dick Bronder
- Newbie
- Posts: 17
- Thanks: 0
-
Hi,
I have a hard time finding al the .gf-menu items to change all the rounded corners, backgrounds, spacing etc. within the standard Gantry template.
Anyone that can point me?
Thnx Dick
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
firebug or chrome's dev tools "Element Inspector" will help you determine the elements involved.
add this to your custom css file:If you are using Gantry 4 (or later) you can create a file using a simple text editor for custom css and name it using this format: templatefolder-custom.css (e.g., rt_kirigami-custom.css or gantry-custom.css).body .gf-menu.l1 > li.active, body .gf-menu.l1 > li.parent:hover, body .gf-menu .dropdown {border-radius: 0;}
the above css will deal with the border radius'
always make sure your css is m,ore specific than the css already in effect.
see this: coding.smashingmagazine.com/2007/07/27/c...ngs-you-should-know/
-
-
-
- Dick Bronder
- Newbie
- Posts: 17
- Thanks: 0
-
Hi,
Thanks for the fast reply. I do use Firebug. Point is that everytime I do another template I have to go figure out which item is used where. I prefer to just copy the whole list of css menu-selectors that are used empty them and then start to add my own styling.
I love the Gantry template but this isn't very clear (at least to me
).
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
- Okay thank you for the input. If this solved your issue, please mark the subject of your original post [SOLVED]. Likewise, if you still need help please reply with details. :cheesy:
-
-
-
- Dick Bronder
- Newbie
- Posts: 17
- Thanks: 0
-
Well if you do have a list with the css menu selectors I would appreciate those
.
Regards Dick
-
-
-
- Dick Bronder
- Newbie
- Posts: 17
- Thanks: 0
- Means I have to start learning less. Sigh.
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
well for most things you can just add more specific custom css but learning less might be helpful in some areas.
this RT blog post may help you out in that area.
www.rockettheme.com/blog/coding/1767-bas...omizing-with-lesscss
-
Time to create page: 0.071 seconds