The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Change text and link color in Forumotion Toolbar

+2
Sanket
Sandara
6 posters

Go down

Solved Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 11:27 am

Hello! Don't shoot me for asking this. I already tried CSS to change the color of the text and link inside the "Welcome (USERNAME)" in the toolbar, but I failed. Can someone please help me do that? If it's useful, forum version is Phpbb3. Thank you!


Last edited by Sandara on May 23rd 2013, 8:52 pm; edited 1 time in total
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sanket May 23rd 2013, 11:33 am

Add this to your css. It changes color of welcome as well as username.
Code:
#fa_welcome {
    color: #ff0000 !important;
}
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Ultron's Vision May 23rd 2013, 11:35 am

You can modify the text color and the background with CSS and JavaScript and under ACP -> Modules -> Toolbar -> Configuration, though you will have to pay to modify the copyrights of the toolbar, which is what you're trying to do, I think.
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 631
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 11:52 am

@Sanket: the code didn't work. Here's my CSS:

Code:

#fa_search, #fa_share {
display: none !important;
}
 

#fa_welcome {
    color: #FEF9CF !important;
}


#fa_toolbar, #fa_toolbar_hidden {
  background-color: #000000 !important;
}

#fa_toolbar #fa_right #notif_list li.unread {
font-weight: bold;
background-color: #000000;
}

#fa_menulist, #fa_usermenu {
    background-color: #000000 !important;
}

Please tell me if there's something wrong in what I did. Thanks a lot!

@Ultron's: Thanks to your reply. Yes, I used that to change the color of the toolbar itself, but what I need is the text inside the "Welcome". I've seen a handful of site that has edited the colors of the toolbar and text inside it. Correct me if I'm wrong but the only thing that was not allowed is to remove the copyright.
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sanket May 23rd 2013, 1:34 pm

Whats your forum URL?

You added this code already.
Code:
#fa_welcome {
    color: #FEF9CF !important;
}
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 2:17 pm

http://isolationrpg.topicboards.com/

Thanks a lot!

edit: the code just changed the "Welcome" message, not the contents when clicked.
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Ultron's Vision May 23rd 2013, 2:29 pm

Try using this additionally to the code Sanket provided:

Code:
#fa_welcome * {
color: #fef9cf !important;
}
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 631
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 2:55 pm

Thanks Ultron. Still doesn't work.
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sir Chivas™ May 23rd 2013, 4:00 pm

Hi,

Remove the codes given above and try this:
Code:
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: #FFFFFF !important;
}
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 4:33 pm

T___T Sorry, Sir Chivas, the code still doesn't work.

Here's my CSS, hope this helps:

Code:

#fa_search, #fa_share {
display: none !important;
}
 

#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: #FFFFFF !important;
}



#fa_toolbar, #fa_toolbar_hidden {
  background-color: #000000 !important;
}

#fa_toolbar #fa_right #notif_list li.unread {
font-weight: bold;
background-color: #000000;
}

#fa_menulist, #fa_usermenu {
    background-color: #000000 !important;
}

Edit: I also tried #fa_menulist { color: #FFFFFF !important} and #fa_menulist:link {color: #FFFFFF !important}, hoping that i get it, but i fail. I just said it thinking it might help...


Last edited by Sandara on May 23rd 2013, 4:49 pm; edited 1 time in total
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sir Chivas™ May 23rd 2013, 4:38 pm

Can you provide a screenshot of how you have the setting through the ACP? ACP >> Modules >> Toolbar >> Configuration
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 4:53 pm

Change text and link color in Forumotion Toolbar 110

Change text and link color in Forumotion Toolbar 210
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sir Chivas™ May 23rd 2013, 4:59 pm

Oh, it turns white when clicking?

Try this:
Code:
#fa_right.welcome #fa_menu #fa_welcome {
color: #fff;
background-color: #000;
}
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 5:09 pm

it doesn't turn white anymore, but the text inside is the drop-down doesn't change its color.
Change text and link color in Forumotion Toolbar 310
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Ultron's Vision May 23rd 2013, 5:16 pm

Try using this in your CSS:

Code:
ul#fa_menulist li {
color: #fef9cf !important;
}
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 631
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 5:21 pm

^ the color still doesn't change.
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Ultron's Vision May 23rd 2013, 5:28 pm

Hm, try it with this code...

Code:
ul#fa_menulist li a {
color: #FEF9CF;
}

I excluded the !important and added a more explicit selector.
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 631
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 5:36 pm

:eek: nope, still not working. Please check my CSS to see if i did anything wrong:

Code:

#fa_search, #fa_share {
display: none !important;
}
     
#fa_right.welcome #fa_menu #fa_welcome {
color: #fff;
background-color: #000;
}

ul#fa_menulist li a {
color: #FEF9CF;
}

#fa_toolbar, #fa_toolbar_hidden {
  background-color: #000000 !important;
}

#fa_toolbar #fa_right #notif_list li.unread {
font-weight: bold;
background-color: #000000;
}

#fa_menulist, #fa_usermenu {
    background-color: #000000 !important;
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by E-Mark May 23rd 2013, 8:25 pm

Add this on your CSS:
Code:
#fa_menu, #fa_welcome {
background-color: black !important;
color: white !important;
}
#fa_usermenu {
color: white !important;
}
E-Mark
E-Mark
Active Poster

Male Posts : 1411
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 8:30 pm

^ do i need to remove anything from my current CSS, posted in my previous post?

Edit: nvm. i figured. the code worked for the fa_rank and the PM and post, thank you very much. But the links on the other side didn't change its color. I do want to change their colors.
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by E-Mark May 23rd 2013, 8:45 pm

Yeah try removing the other codes then check.

Add this again on your CSS:
Code:
#fa_menulist a:link, #fa_menulist a:visited {
color: red !important;
}

Change the red to your desire color Smile.
E-Mark
E-Mark
Active Poster

Male Posts : 1411
Reputation : 169
Language : English
Location : Bitcoin

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by Sandara May 23rd 2013, 8:47 pm

Aaaaaaaaaaand, finally! You're the man, E-Mark. Thanks a lot!

(And thank you too, Sanket, Ultron and Sir Chivas)
Sandara
Sandara
Forumember

Female Posts : 106
Reputation : 5
Language : English, Filipino
Location : Somewhere over the rainbow

Back to top Go down

Solved Re: Change text and link color in Forumotion Toolbar

Post by SLGray May 23rd 2013, 9:46 pm

Topic Solved & Locked


Change text and link color in Forumotion Toolbar Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51569
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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