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.

[Edit] Toolbar Profile

View previous topic View next topic Go down

Solved [Edit] Toolbar Profile

Post by inallsorts on December 12th 2013, 8:20 am

Greetings to all,

I've recently Installed the toolbar and wish to change a few bits and pieces.

Firstly, the text of "Reputation" to something else, and also the "text color" and "background color".
To give you a visual, here's a pic:



If there's a CSS code that can do just that, It'll be great. I'm running phpBB3.
Many thanks In advance for all assistance given.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: [Edit] Toolbar Profile

Post by SarkZKalie on December 12th 2013, 9:16 am

Add to CSS
1) Reputaion:
Code:
#fa_usermenu{
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #YOUR HEX COLOR;
font-size: 12px;
text-align: center;
}
2) Menu list
Code:
#fa_toolbar #fa_menulist, #fa_toolbar #fa_menulist :visited {
background : #YOUR HEX COLOR;
color: #YOUR HEX COLOR !important;
}
Have fun!  héhé

SarkZKalie
Forumember

Male Posts : 448
Reputation : 78
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: [Edit] Toolbar Profile

Post by inallsorts on December 12th 2013, 10:48 am

sarkzkalie01 wrote:Add to CSS
1) Reputaion:
Code:
#fa_usermenu{
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #YOUR HEX COLOR;
font-size: 12px;
text-align: center;
}
2) Menu list
Code:
#fa_toolbar #fa_menulist, #fa_toolbar #fa_menulist :visited {
background : #YOUR HEX COLOR;
color: #YOUR HEX COLOR !important;
}
Have fun!  héhé

Thanks for this, the second code worked perfectly In changing the background & text color.

I do however, want to also change the "Reputation" text and name It something other than Reputation. The first code Is to change the color only.
If you can please provide a CSS code to change the Reputation text, that'll be great.

Thanks again for your help.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: [Edit] Toolbar Profile

Post by Ange Tuteur on December 12th 2013, 11:09 am

Hello inallsorts,

Add this to your CSS to rename and color the reputation field :
Code:
#fa_usermenu tr:last-child td.first { font-size:0; }
#fa_usermenu tr:last-child td.first:after {
font-size:12px;
line-height:22px;
content:'Test';
color:indigo;
}

You can change the name by the content property as always. Wink

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: [Edit] Toolbar Profile

Post by inallsorts on December 12th 2013, 12:22 pm

SethC1995 wrote:Hello inallsorts,

Add this to your CSS to rename and color the reputation field :
Code:
#fa_usermenu tr:last-child td.first { font-size:0; }
#fa_usermenu tr:last-child td.first:after {
font-size:12px;
line-height:22px;
content:'Test';
color:indigo;
}

You can change the name by the content property as always. Wink

Perfect as always Seth! Thank you once again for your assistance, truly appreciate It Smile

/Topic.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: [Edit] Toolbar Profile

Post by Ange Tuteur on December 12th 2013, 12:27 pm

You're welcome Wink

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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