-
Posts
-
Is it possible to modify the button size to make it larger.
and to change the colors of the individual buttons.A menu was created with classes for each button: yellow, green, red, blue
Thank you!
Hey Wildwood,
Looking at your site it seems like you have worked it out already? If not then please let us know what else you would like to change and we’ll have a closer look at it.
Best regards,
RikardHi Rikard,
No, I have not worked it out, or I would have been kind enough to tell you.
What you see are buttons. But since the button will reside on multiple pages and their url will change monthly – it should be automated into a proper menu for ease of maintenance.
Please assist.
Thank you.
Hi,
Ok, did you try saving the element as a template and load it on each page you want it on?
Best regards,
RikardRikard,
Then, when the clients need to update — (every month) — they will have to update on every single page.
If the menu is improved via css – then they only have to update in ONE place.
Please can you help me?
Hi,
not sure what you’re talking about. Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
AndyHi Andy,
Is it possible to modify the button size to make it larger.
and to change the colors of the individual buttons using the menu item ID such as:li#menu-item-2568 {
background-color: red
padding: 20px
}I understand that you are busy so I have placed the full width submenu buttons directly above the standard buttons to match. They are on the homepage with further explanation there. All I need is the CSS rules to get started – please.
Hi,
to increase width:
body div .avia-button { max-width: 115%; width: 115% !important; }and adjust both values as needed.
To change color for first button:
.avia-builder-el-12 a { background-color: red !important; }for second button:
.avia-builder-el-15 a { background-color: red !important; }third:
.avia-builder-el-18 a { background-color: yellow !important; }fourth:
.avia-builder-el-21 a { background-color: green !important; }For hover color use this code for each button:
.avia-builder-el-21 a:hover { background-color: black !important; }For focus color use this code:
.avia-builder-el-21 a:focus { background-color: white !important; }For active color use this code:
.avia-builder-el-21 a:active {
background-color: red !important;
}
For visited color:.avia-builder-el-21 a:visited { background-color: red !important; }Best regards,
AndyHi Andy,
Thank you. This is the TYPE of code I am looking for, but you assigned it to the EXAMPLE buttons.
If you read the thread – it is the SUB-MENU buttons that I was requesting assistance with:
<li id=”menu-item-2566″ class=”yellow menu-item menu-item-type-post_type menu-item-object-page av-menu-button av-menu-button-colored menu-item-top-level menu-item-top-level-1″><span class=”avia-bullet”></span><span class=”avia-menu-text”>The Spire</span><span class=”avia-menu-fx”><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></span>
<li id=”menu-item-2569″ class=”pink menu-item menu-item-type-custom menu-item-object-custom av-menu-button av-menu-button-colored menu-item-top-level menu-item-top-level-2″><span class=”avia-bullet”></span><span class=”avia-menu-text”>Building Community</span><span class=”avia-menu-fx”><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></span>
<li id=”menu-item-2568″ class=”green menu-item menu-item-type-post_type menu-item-object-page av-menu-button av-menu-button-colored menu-item-top-level menu-item-top-level-3″><span class=”avia-bullet”></span><span class=”avia-menu-text”>Outreach</span><span class=”avia-menu-fx”><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></span>
<li id=”menu-item-2567″ class=”purple menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-4″><span class=”avia-bullet”></span><span class=”avia-menu-text”>Calendar</span><span class=”avia-menu-fx”><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></span>
Please can you assist with the css for the button size, color, hover, etc.
Thank you.
Hi,
it’s quite a lot of customizations you’re asking for and normally you would need to hire a freelance developer for this: http://kriesi.at/contact/customization
However, if you send us a precise screenshot (imgur.com, dropbox, etc) showing us exactly what you want to achieve, then we could help you out I think. Not sure about which sub menu buttons you’re talking about.
Best regards,
Andy
- You must be logged in to reply to this topic.