change the color of the navigation bar

You made an own skin or theme for phpMyFAQ. You can share it here with others!

Moderator: Thorsten

ViewPlusIT
Posts: 2
Joined: Wed Dec 18, 2013 10:57 pm

change the color of the navigation bar

Post by ViewPlusIT »

I am trying to change the color of the navigation bar and boxes on the main page to be aligned with our corporate branding. I have been through the index template file as well as style.css and style.min.css without success.
Has anyone had any experience with these two?
Thank You
Derek234
Posts: 1
Joined: Wed Aug 19, 2015 3:11 pm

Re: change the color of the navigation bar

Post by Derek234 »

Did you try to find in the file styles/prosilver/theme/colours.css:

.navbar {
background-color: #cadceb; /*narbar background color*/

and change the color to the one you wish?
_________________
Expert from EssaysToBuyOnline
tonyd
Posts: 26
Joined: Tue Sep 22, 2015 9:41 pm

Re: change the color of the navigation bar

Post by tonyd »

Where can we find this?

I updated to version 2.8 and now im not able to change color. in version 2.7 i changed

Code: Select all

/* Navigation */
nav {
    position: absolute; left: 0; top: 70px; width: 100%; background: url(../images/nav_background.png); }
however version 2.8 is different
Thorsten
Posts: 15373
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten »

Hi,

do you use the default template?

bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist
tonyd
Posts: 26
Joined: Tue Sep 22, 2015 9:41 pm

Re: change the color of the navigation bar

Post by tonyd »

Hi Thorsten,

Yes i used the default one
Thorsten
Posts: 15373
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten »

Hi,

please tell me the color and I'll build you a new CSS file.

bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist
tonyd
Posts: 26
Joined: Tue Sep 22, 2015 9:41 pm

Re: change the color of the navigation bar

Post by tonyd »

Hi Thorsten,

I have included a Image

Its a gradient i created.

And is it in 2.8 also possible to add a logo above the nav menu?

Many Thanks,
Last edited by tonyd on Sat Sep 26, 2015 11:14 am, edited 1 time in total.
Thorsten
Posts: 15373
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten »

Hi,

sure, hat's possible. Please tell me the colors of the gradient, so I can create that.

bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist
tonyd
Posts: 26
Joined: Tue Sep 22, 2015 9:41 pm

Re: change the color of the navigation bar

Post by tonyd »

Gradient runs from botom #17416f to top #97abbf

And where and how can i add the logo above the nav-bar?
tonyd
Posts: 26
Joined: Tue Sep 22, 2015 9:41 pm

Re: change the color of the navigation bar

Post by tonyd »

Thorsten wrote:Hi,

sure, hat's possible. Please tell me the colors of the gradient, so I can create that.

bye
Thorsten
Hi Thorsten,

Did you manage to create the CSS file? and could you tell how to add a logo above the navbar top left?

Regards,

Tony.
Thorsten
Posts: 15373
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten »

Hi,

sorry, didn't had the time for that yet.

bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist
Thorsten
Posts: 15373
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten »

Hi,

I attached the minified CSS file:
style.min.css.zip
bye
Thorsten
You do not have the required permissions to view the files attached to this post.
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist
tonyd
Posts: 26
Joined: Tue Sep 22, 2015 9:41 pm

Re: change the color of the navigation bar

Post by tonyd »

Hi Thorsten.. many thanks looks great :)

Can i also change the font color of the page itself from orange to dark blue in the CSS and could you tell how to add a logo above the navbar?

Regards Tony.
Thorsten
Posts: 15373
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten »

Hi,

the logo can be simply added into HTML5 code of the index.pl template file.

About the font color: Just tell me the color code.

bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist
tonyd
Posts: 26
Joined: Tue Sep 22, 2015 9:41 pm

Re: change the color of the navigation bar

Post by tonyd »

Hi Thorsten,

I tried adding it serveral time in the index.tpl however it push the logo underneith the navbar.

Image

color for the font darkblue :)
Post Reply