-
Posts
-
We need to replicate the top two call buttons in the top right secondary top menu as with the two in light blue here:
I copied the code found in the navigation label for those menu items to the new sites, but got different color results, because the code itself says “red.” So clearly there is a setting somewhere on the initial site making the buttons blue. The new sites look like this:
And another one has a similar override code somewhere, so it is making them dark blue like the background.
In truth, the buttons on all the sites, even on the main site, should be this orange: #f15d22, but I don’t know how to use hex here. Any direction would be appreciated.
Here is the code I copied:
<div style=”clear: both; position: relative;”> <div class=”avia-button avia-color-red avia-size-large avia-position-center ” style=”padding: 7px; margin-top: -12px;”> <span class=”av_font_icon avia-icon-pos-left” style=”color:#ffffff;” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><span style=”color:#ffffff;”>Sales: Request Management Quote: 214.233.7572</span> </div> </div>
How do I make the color orange in ALL cases? I’ve tried a few things mentioned in the forum, but no luck yet.
Hey risestrategic,
Please try to remove all the markup you added, just keep the text. Then you can select for the menu item to appear as a button in the Menu Style option. If you should need help with the colour after that then please let us know.
Best regards,
RikardI tried that initially, but the button won’t take any color and looks the same as the other top menu items, even if the menu item button color is orange in the Advanced Settings. Also I need the phone icon:
I was able to change the entire background of the top secondary menu or none of it, but the button color is not taking in the top menu. I do notice the change works if I make a main menu item a button, just not in the top slim menu. I changed the “Contact” in the main menu to a button to test and it is working fine, just not above. Any other ideas?
Hi risestrategic,
https://share.getcloudapp.com/nOuePXlk Here is what I am seeing. How do you need to change it. Could you please attach a mockup of what you’re trying to achieve?
Best regards,
VictoriaWe only want the two phone number items to have an orange background like a button, the rest of the top menu just on blue. I can either change the whole top bar to orange or the whole top bar to blue, but even if just the two phone number items are the button option for the menu item is not taking on the top menu. It just stays the same.
Hi risestrategic,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#menu-item-10490 a { background-color: #f15d22; padding: 5px 8px; }If you need further assistance please let us know.
Best regards,
VictoriaI tried this on two of the sites with no luck. I put the code in both the custom.css and the quick css to no avail. Any other ideas? I just made the whole menu bar orange as a stopgap, but the end goal is to have the orange button setting take in the blue upper bar menu for only select items like it does in the main menu.
- You must be logged in to reply to this topic.