The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Change some navigation bar links colors

View previous topic View next topic Go down

Solved Change some navigation bar links colors

Post by -MiSHmaSH- on March 5th 2014, 11:13 pm

Hello!
I have navigation bar with no pictures. How can I change color of ''register'' and ''You have X new messages''

And is it possible to change link name? I want to change ''Saturs'' (Home) name.

Thanks!

-MiSHmaSH-
Forumember

Male Posts : 267
Reputation : 11
Language : Latvian

Back to top Go down

Solved Re: Change some navigation bar links colors

Post by vaccam on March 6th 2014, 12:48 am

You cannot change the color as far as i know, but you can just make an image and copy it in and it will replace the name of the navigation botton. I did so with my forum.

Guide to change it

ACP - > DISPLAY - > HEADERS AND NAVIGATION - > CLICK ON THIS BOTTON - > PLACE IN THE URL OF YOUR PICTURE WHERE IT SAYS : PICTURE


SOMETIMES THE MESSAGES AND NEW MESSAGES WILL NOT CHANGE, IF SO DO THIS

ACP - > DISPLAY - > PICS MANAGEMENT - > ADVANCED MODE - > GENERAL/EXPLORE - > SCROLL DOWN AND ADD THE URL


Hope this helped

Vaccam

vaccam
Forumember

Posts : 371
Reputation : 14
Language : Norwegian
Location : Norway

http://www.revengelesspk.com/

Back to top Go down

Solved Re: Change some navigation bar links colors

Post by Ange Tuteur on March 6th 2014, 12:51 am

Hello -MiSHmaSH-,

You should be able to change the new message link with this CSS :
Code:
.new-message { color:red !important; }

To change a specific link you can use its pathname :
Code:
a[href="/register"] { color:yellow !important; }

To change the name of a navlink you can do something like this :
First set the default font-size to 0, then on our next selector we add text after using the ::after selector
Code:
a[href="/forum"] { font-size:0 !important; }
a[href="/forum"]:after {
  font-size:11px;
  content:"Navlink Name";
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change some navigation bar links colors

Post by -MiSHmaSH- on March 6th 2014, 5:33 pm

All work, but there is error:

I want to remove that link what is somehow shown there...

-MiSHmaSH-
Forumember

Male Posts : 267
Reputation : 11
Language : Latvian

Back to top Go down

Solved Re: Change some navigation bar links colors

Post by Ange Tuteur on March 6th 2014, 5:33 pm

Please provide a link to your forum.

Thank you Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change some navigation bar links colors

Post by -MiSHmaSH- on March 6th 2014, 5:35 pm

Only in PM

-MiSHmaSH-
Forumember

Male Posts : 267
Reputation : 11
Language : Latvian

Back to top Go down

Solved Re: Change some navigation bar links colors

Post by Ange Tuteur on March 6th 2014, 5:55 pm

Oooh I made a mistake. I forgot to put the mainmenu class name.

Just add it after 'a' here :
Code:
a.mainmenu[href="/"] { font-size:0 !important; }
a.mainmenu[href="/"]:after {
  font-size:11px;
  content:"Navlink Name";
}

That should edit 'forums'

Since we put the font-size to 0 we need to fix some things.

Try this :
it is the same as above, so add it instead since it has properties to fix the design.
Code:
a.mainmenu[href="/"] {
  font-size:0 !important;
  padding:12px 4px !important;
  position:relative;
  bottom:4px;
}
a.mainmenu[href="/"]:after {
  font-size:11px;
  content:"Navlink Name";
  position:relative;
  top:4px;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Thanks!

Post by -MiSHmaSH- on March 6th 2014, 5:59 pm

Works!:wouhou:

-MiSHmaSH-
Forumember

Male Posts : 267
Reputation : 11
Language : Latvian

Back to top Go down

Solved Re: Change some navigation bar links colors

Post by Ange Tuteur on March 6th 2014, 6:01 pm

Welcome Smile

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum