Is there a somewhat easy way to match the AMM Main Nav Buttons on this prototype page to the OPM Button Style I have set in the page? (AMM is inserted with "includes")
Matching "Glass" OPM Button Style in AMM Main Buttons?
(3 posts) (2 voices)-
Posted 6 months ago
-
You could try this.....
http://www.projectseven.com/products/menusystems/amm/tutorials/color-set/index.htm
So, try changing the citrus theme's first few rules to.....
.p7AMM.citrus ul a {padding:12px 18px;
background-color: rgb(233,27,9);
color: #fff;
box-shadow:
0 1px 0px rgba(0,0,0,0.75),
inset 0 1px rgba(255,255,255,0.3),
inset 0 10px rgba(255,255,255,0.2),
inset 0 10px 20px rgba(255,255,255,0.25),
inset 0 -15px 30px rgba(0,0,0,0.3);
border: 1px solid rgba(0,0,0,1) !important;}
.p7AMM.citrus ul a:hover,
.p7AMM.citrus ul a:focus,
.p7AMM.citrus ul a.amm-trigger.open {
background-color: rgb(0,0,0);
color: #fff;
border-bottom: 1px solid #fff !important;
}
.p7AMM.citrus ul ul a {
background-color: transparent;
box-shadow:none;
border:none !important;
}
.p7AMM.citrus ul a.amm-trigger {
background-image: url(img/amm-right-light.gif);
}
.p7AMM.citrus ul a.amm-trigger:focus {
background-image: url(img/amm-right-light.gif);
}
.p7AMM.citrus ul a.amm-trigger.open {
background-image: url(img/amm-down-light.gif);
}Adjust the sub (.p7AMM.citrus ul ul.....) rules to suit.
HTH
Posted 6 months ago -
Sinclair, thanks for the detailed instructions!
I went through all the steps, but was still have trouble, so I went ahead and modified the RED rules in the AMM standard CSS for now.
I am working on another site next week with more time and I will try again on that one.
Posted 6 months ago
Reply
You must log in to post.