Tagged: navigation bar
-
AuthorPosts
-
July 27, 2016 at 6:40 pm #665880
I have searched in Enfold and on support for a simple way to change the color of the navigation bar. Other than selecting a completely different “Predefined color scheme” under General Styling, I haven’t found a way. I only want to change the color of the navigation bar – not all the other color scheme elements.
All the replies in support seem to be giving custom CSS solutions. This is a surprise to me. It’s a very common setting in themes in general to have the ability to change the color of the navigation bar. I see how to use advanced styling to change the rollover background – but how can I change the default color of the main navigation bar?
July 29, 2016 at 2:04 pm #666588Hey Dandelion222,
“Coming soon. This site is under development”. Can you please post temporary logins so we can see your website?
Best regards,
YigitJuly 29, 2016 at 3:56 pm #666617Oh gosh, sorry about that. I forgot I had the coming soon up. I’ll include below.
July 29, 2016 at 4:11 pm #666628Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #header_main_alternate { background-color: red; }
It is dynamically applied as you said. Please request such option here – https://kriesi.at/support/enfold-feature-requests/
Regards,
YigitJuly 29, 2016 at 4:37 pm #666636That appears to have had no effect. Is there really no way to change the navigation bar color in the many many setting options? I can attach a screenshot if that will help – although not sure how.
I don’t know what you mean by “it is dynamically applied as you said.” When did I say that?
August 3, 2016 at 5:27 pm #668182Again, your solution had no effect. And what do you mean by “it [what is IT?] is dynamically [what to you mean by dynamically?] applied [applied to what?] as you said [when did I say that?].
August 3, 2016 at 5:34 pm #668184Hey!
Please create a temporary admin login and post it here privately if you would like us to look into it.
As you mentioned, it is predefined color and being loaded from dynamic CSS file.Cheers!
YigitAugust 3, 2016 at 5:36 pm #668189Ah, I see now re the “dynamically applied.” Thank you! Yes, I will post the temp login in the private area below. One moment.
August 4, 2016 at 11:31 am #668516Hi,
We will keep the thread open and wait to hear from you. Thread will be on hold and you can simply reply to reopen it.
Best regards,
YigitAugust 4, 2016 at 11:32 am #668517Hi,
I can’t see any login details in your last reply, not sure if you forgot maybe?
Regards,
RikardAugust 8, 2016 at 4:56 pm #669925Rats. I didn’t forget, I really did add the info to the “private content” window right away. But I was in a place with very spotty Internet so perhaps the connection was lost. I will do that again right now.
August 9, 2016 at 2:33 pm #670335Hi again,
As I look through this thread I see I’ve given the login credentials a few times. Please use the most current password.
August 9, 2016 at 2:50 pm #670340Hi!
Please change the code to following one
#top #header_main_alternate { background-color: red !important; }
I tried that and it works. Then you can go to Enfold theme options > Advanced Styling and remove background values from main menu links
Regards,
YigitAugust 9, 2016 at 2:57 pm #670342Hi Yigit,
That worked for the main navigation, thank you. However, I am having trouble with the Advanced Styling. I don’t see how to “remove” the background. I tried to simply set the color of the main menu links to the same hexidecimal I am using but that had no effect.
August 9, 2016 at 3:05 pm #670347I have also just noticed that this change also changed the footer background. Why?
August 9, 2016 at 3:08 pm #670348I am still so stunned that with all the things Enfold lets one easily edit, that there is no way to simply change the navigation bar (only) background color. That is such a common thing one wants to change.
I want to change the navigation bar, only, not the footer or other elements.
August 9, 2016 at 3:12 pm #670353Oh – sorry – I think the footer was tied to a different change I tried. I just didn’t notice it until right after I added the nav bar CSS. Please ignore that part.
August 9, 2016 at 3:21 pm #670360I suspect I may need another “important” CSS edit in order to remove the background color of the selected color scheme.
August 9, 2016 at 4:16 pm #670372Also, is it possible to narrow the height of the navigation bar at all?
August 9, 2016 at 5:33 pm #670421Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 25px!important; line-height: 25px!important; } #avia-menu { padding-top:15px; }
Best regards,
VinayAugust 9, 2016 at 5:44 pm #670430Unfortunately that did not have the desired effect. The actual links in the navigation still have a different colored background and this just shifted that section down and out of the main navigation bar.
August 11, 2016 at 5:40 pm #671469This still isn’t working. Can you help?
August 12, 2016 at 1:34 pm #671816Hi,
Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
VinayAugust 12, 2016 at 6:56 pm #672003Just go to the homepage to see what I mean. The nav is mostly burgundy, but under the actual navigation links it is blue.
- This reply was modified 8 years, 4 months ago by Dandelion222.
August 12, 2016 at 6:57 pm #672004Ok. I don’t know why that just took an incomplete screenshot of the site instead of giving a clickable link. Can you go to the site?
August 12, 2016 at 6:59 pm #672006I don’t have an imgur account and don’t want one. And I don’t really want to post a shared link to this thread for dropbox. Is there no way to attach a screenshot or no place I can email it to you? I’ll add the homepage link in the private box below.
August 15, 2016 at 5:29 am #672475Hi!,
You don’t need an account to post images to Imgur, simply click the green button on the top reading New Post and upload, you can post the URL to the image here afterwards.
Thanks,
RikardAugust 15, 2016 at 4:17 pm #672779You don’t need me to take a screenshot of a live site. Just go and look at that URL! I will include it, yet again, in the private section below.
This is getting ridiculous. 2 weeks just on changing the color of the navigation bar! You have the url, you have the login credentials. Do you really need either? Its just a color change of a navigation bar.
Anyway, please look. The solutions you have provided did not have the desired effect.
- This reply was modified 8 years, 4 months ago by Dandelion222.
August 15, 2016 at 4:35 pm #672792I dug into the developer console and I figured it out myself. For people who may be interested, I had to also edit this CSS:
#top #header .av-main-nav > li > a {
background-color: transparent !important;
}I think it pulls the color from the template so you have to tell the background color to go back to transparent and you really do have to make that important or it doesn’t work.
August 16, 2016 at 6:50 am #673018 -
AuthorPosts
- You must be logged in to reply to this topic.