-
AuthorPosts
-
March 24, 2015 at 7:31 am #416924
Hello,
I really need to customize the logo color and the navigation bar font color per page.
How can I do that?
Thanks for the good work!
Newton.
March 24, 2015 at 6:10 pm #417249Hi newtonlinchen!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.page-id-59 .av-main-nav > li > a { color: red!important; }
You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
What exactly do you mean by customizing logo color? Can you please elaborate?Regards,
YigitMarch 24, 2015 at 6:16 pm #417256Yigit,
In some specific pages, the logo would have another color (i.e. it would be another file.jpeg).
This is to create a balance between bright pages with dark logos, and dark pages with bright logos, taking full advantage of the awesome feature “Transparent Header”.
By the way, the new Enfold version is awesome!
Newton.
March 24, 2015 at 6:20 pm #417261Hi!
Glad you like Enfold, Newton :)
Please refer to my post here – https://kriesi.at/support/topic/different-logo-with-different-link/#post-406025Cheers!
YigitMarch 24, 2015 at 6:35 pm #417277Yigit, please check my page: http://www.quantitativo.com.br/assets-family-offices/
The white color for the navigation is great, but it makes the links disappear when scrolling down… How can we change this color of the scroll down nav bar?
March 24, 2015 at 6:37 pm #417280Hi!
Please add following code to Quick CSS as well
.page-id-38 .header-scrolled .av-main-nav > li > a { color: orange!important; }
Regards,
YigitMarch 24, 2015 at 6:42 pm #417287Yigit. You are the best. The website is becoming gorgeous. Feel free to take a look at it.
Thanks a lot. (A lot).
NewtonMarch 24, 2015 at 6:44 pm #417288Hi!
You are welcome Newton, always glad to help!
Yes, your website is looking great :) When you finish it, feel free to post it on Enfold showcase topic – https://kriesi.at/support/topic/enfold-showcase/ :)Regards,
YigitMarch 25, 2015 at 4:03 pm #417825Yigit,
Still in the topic of Nav Bar, please look how the selection mark (underline) is not encompassing all the words in the link:
March 25, 2015 at 4:06 pm #417830Hi!
Please add following code to Quick CSS
#top .av_header_transparency .avia-menu-fx { width: 100%; left: 0; }
Cheers!
YigitMarch 25, 2015 at 4:17 pm #417853Yigit,
Before, the underline (what’s the real name?) was “lacking”, leaving parts of the link words without it. Now, it’s over stretching.
Is there a way to adjust it’s wideness exactly to the words in the nav bar?
Thanks
Newton.
March 25, 2015 at 4:24 pm #417865Hi!
Please replace the previous code i posted with following one
#top .av_header_transparency #menu-item-56 .avia-menu-fx { width: 86%; left: 8%; }
That is actually how it is designed. I see that only shorter width is on one menu item and that code should fix it
Best regards,
YigitMarch 25, 2015 at 5:50 pm #417996Worked out perfectly.
: )
-
AuthorPosts
- The topic ‘LOGO & NAV BAR’ is closed to new replies.