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 » Wed Dec 18, 2013 11:07 pm

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 » Wed Aug 19, 2015 3:21 pm

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 » Tue Sep 22, 2015 9:43 pm

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: 14491
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten » Thu Sep 24, 2015 7:21 pm

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 » Sat Sep 26, 2015 9:46 am

Hi Thorsten,

Yes i used the default one

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

Re: change the color of the navigation bar

Post by Thorsten » Sat Sep 26, 2015 10:56 am

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 » Sat Sep 26, 2015 11:14 am

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: 14491
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten » Sat Sep 26, 2015 11:14 am

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 » Sat Sep 26, 2015 11:35 am

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 » Mon Sep 28, 2015 6:15 pm

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: 14491
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten » Tue Sep 29, 2015 5:47 am

Hi,

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

bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist

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

Re: change the color of the navigation bar

Post by Thorsten » Sat Oct 03, 2015 12:43 pm

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 » Wed Oct 07, 2015 11:53 am

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: 14491
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: change the color of the navigation bar

Post by Thorsten » Thu Oct 08, 2015 8:43 am

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 » Thu Oct 08, 2015 6:28 pm

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

Who is online

Users browsing this forum: No registered users and 1 guest