Removing rounded end-caps from Afterburner2 menu
-
-
- Dan Hansen
- Rocketeer
- Posts: 51
- Thanks: 0
-
I could swear I saw a post about this somewhere, but for the life of me cannot find it now...
Using the Afterburner2 template:
I would like to remove the rounded end-caps from the right and left ends of the hoizontal Afterburner2 menu, and from the bottom of the dropdown menu. I would also like to remove the bit of margin/padding between the bottom of the horizontal menu and the first item of the dropdown. Can you tell me how to do this?
The site in question is www.zimufoundation.org .
Thank you.
DH
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
for just the rounded edgesfor the protruding ends
.menu-block .gf-menu {border-radius: 0;}.menu-block .gf-menu.l1 > li:first-child, .menu-block .gf-menu.l1 > li:last-child {margin: 0;} .menu-block .gf-menu.l1 > li:last-child .item {border-width: 0;}
-
-
-
- Dan Hansen
- Rocketeer
- Posts: 51
- Thanks: 0
- Thanks -- that works for the horizontal menu bar, but what about the vertical drop-downs?
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
#rt-header .gf-menu .dropdown {padding: 0;border-radius: 0;}
Getting familiar with the element inspector in either Firebug for Firefox or Chrome Dev Tools will help you to learn how to quickly identify solutions to desired style changes. More info on Chrome Dev Tools developer.chrome.com/devtools/docs/videos
Kind regards,
Chris
-
Time to create page: 0.060 seconds