Change link colours in navbar

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
Locked
Beau76
Registered User
Posts: 80
Joined: Thu Oct 13, 2011 7:42 am

Change link colours in navbar

Post by Beau76 » Sat Oct 15, 2011 10:31 am

Is it possible to change just the link colours in the nav bar only without affecting links anywhere else? I want to change them to white on an orange background colour. Any assistance much appreciated.
Last edited by _Vinny_ on Sat Oct 15, 2011 2:13 pm, edited 1 time in total.
Reason: Topic icon changed

User avatar
pit-PL
Registered User
Posts: 3085
Joined: Sat Nov 21, 2009 12:24 pm

Re: Change link colours in navbar

Post by pit-PL » Sat Oct 15, 2011 12:32 pm

In colours.css find

Code: Select all

.navbar {
	background-color: #cadceb;
}
replace with

Code: Select all

.navbar {
	background-color: orange;
	color: white;
}

.navbar a:link, .navbar a:visited {
	color: white;
}

.navbar a:hover, .navbar a:active {
	color: red;
}

Beau76
Registered User
Posts: 80
Joined: Thu Oct 13, 2011 7:42 am

Re: Change link colours in navbar

Post by Beau76 » Sat Oct 15, 2011 12:48 pm

Cheers pit-PL. Works beautifully. Much appreciated. :D

Ackis
Registered User
Posts: 5
Joined: Sun Oct 13, 2013 11:33 am
Location: Sweden
Name: Jessica

Re: Change link colours in navbar

Post by Ackis » Sat Oct 19, 2013 1:16 pm

How come that this doesnt work at my site?
Can you please help me and tell me what I'm doing wrong?

I have the theme Dirty Board 2.0 installed.
It looks like this now..
Printscreen1.jpg
Printscreen1.jpg (37.61 KiB) Viewed 1668 times
You can hardly see the text so I want to make it a Little darker.

The code in color.css looked like this before

Code: Select all

.navbar {
	background: transparent; 
}
And then I made the Changes and now it looks like this

Code: Select all

.navbar {
	background-color: transparent;
        color: #5D3915; 
}
.navbar a:link, .navbar a:visited {
   color: 5D3915;
}

.navbar a:hover, .navbar a:active {
   color: 800C0C;
}

What am I doing wrong?
Can you please help me?
//Jessica

User avatar
pit-PL
Registered User
Posts: 3085
Joined: Sat Nov 21, 2009 12:24 pm

Re: Change link colours in navbar

Post by pit-PL » Sat Oct 19, 2013 2:08 pm

You are missing #(hash).

Ackis
Registered User
Posts: 5
Joined: Sun Oct 13, 2013 11:33 am
Location: Sweden
Name: Jessica

Re: Change link colours in navbar

Post by Ackis » Sat Oct 19, 2013 3:40 pm

Oh :oops: :oops:

Thank you!!!

It works great now!! :)

User avatar
tunescool
I've Been Banned!
Posts: 1061
Joined: Mon Jul 06, 2009 5:08 pm
Contact:

Re: Change link colours in navbar

Post by tunescool » Sat Oct 19, 2013 6:03 pm

i needed to do this but mine wont work

Code: Select all

.navbar {
   background-color: #cadceb;
   color: #FFFFFF;
}

.navbar a:link, .navbar a:visited {
   color: #FFFFFF;
}

.navbar a:hover, .navbar a:active {
   color: #FFFFFF;
}
http://thenotablenook.com/

User avatar
pit-PL
Registered User
Posts: 3085
Joined: Sat Nov 21, 2009 12:24 pm

Re: Change link colours in navbar

Post by pit-PL » Sat Oct 19, 2013 6:13 pm

It works, scroll down your board page.

User avatar
tunescool
I've Been Banned!
Posts: 1061
Joined: Mon Jul 06, 2009 5:08 pm
Contact:

Re: Change link colours in navbar

Post by tunescool » Sat Oct 19, 2013 6:33 pm

theyre black
Attachments
by default 2013-10-19 at 1.31.39 PM.jpg
by default 2013-10-19 at 1.31.39 PM.jpg (26.9 KiB) Viewed 1592 times

User avatar
pit-PL
Registered User
Posts: 3085
Joined: Sat Nov 21, 2009 12:24 pm

Re: Change link colours in navbar

Post by pit-PL » Sat Oct 19, 2013 6:43 pm

That is headerbar not navbar.

Add this

Code: Select all

.headerbar a {
	color: #FFFFFF;
}
before .navbar { in colours.css.

User avatar
tunescool
I've Been Banned!
Posts: 1061
Joined: Mon Jul 06, 2009 5:08 pm
Contact:

Re: Change link colours in navbar

Post by tunescool » Sat Oct 19, 2013 6:55 pm

that didnt work either, i have all this
Attachments
by default 2013-10-19 at 1.53.59 PM.jpg
by default 2013-10-19 at 1.53.59 PM.jpg (78.02 KiB) Viewed 1564 times

User avatar
pit-PL
Registered User
Posts: 3085
Joined: Sat Nov 21, 2009 12:24 pm

Re: Change link colours in navbar

Post by pit-PL » Sat Oct 19, 2013 6:56 pm

Change

Code: Select all

.headerbar a {
   color: #FFFFFF;
}
to

Code: Select all

.headerbar a {
	color: #FFFFFF !important;
}


Taledus
Registered User
Posts: 6
Joined: Thu May 16, 2013 3:22 pm

Re: Change link colours in navbar

Post by Taledus » Mon Jun 20, 2016 4:51 pm

Edit: wrong thread, sorry :/

Locked

Return to “[3.0.x] Styles Support & Discussion”