Page 1 of 2

change the color of the navigation bar

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

Re: change the color of the navigation bar

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

Re: change the color of the navigation bar

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

Re: change the color of the navigation bar

Posted: Thu Sep 24, 2015 7:21 pm
by Thorsten
Hi,

do you use the default template?

bye
Thorsten

Re: change the color of the navigation bar

Posted: Sat Sep 26, 2015 9:46 am
by tonyd
Hi Thorsten,

Yes i used the default one

Re: change the color of the navigation bar

Posted: Sat Sep 26, 2015 10:56 am
by Thorsten
Hi,

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

bye
Thorsten

Re: change the color of the navigation bar

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

Re: change the color of the navigation bar

Posted: Sat Sep 26, 2015 11:14 am
by Thorsten
Hi,

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

bye
Thorsten

Re: change the color of the navigation bar

Posted: Sat Sep 26, 2015 11:35 am
by tonyd
Gradient runs from botom #17416f to top #97abbf

And where and how can i add the logo above the nav-bar?

Re: change the color of the navigation bar

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

Re: change the color of the navigation bar

Posted: Tue Sep 29, 2015 5:47 am
by Thorsten
Hi,

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

bye
Thorsten

Re: change the color of the navigation bar

Posted: Sat Oct 03, 2015 12:43 pm
by Thorsten
Hi,

I attached the minified CSS file:
style.min.css.zip
bye
Thorsten

Re: change the color of the navigation bar

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

Re: change the color of the navigation bar

Posted: Thu Oct 08, 2015 8:43 am
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

Re: change the color of the navigation bar

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