CSS Code for Customizing the Profile Background
4 posters
Page 1 of 1
CSS Code for Customizing the Profile Background
Hello. In the screen shot below, you can clearly see that the profile background is white. It doesn't go well with the forum. I would like to know how to change it to either a different color, or maybe change the the white to an actual picture, like how I've done with my forum tables, or make the white transparent. Any of the above. Also, I don't necessarily need the CSS code. If there's a way to change it another way, then I would like to know how.
Screenshot:
And here's the link to my forum: http://demigodrpg.forumotion.net/
Screenshot:
And here's the link to my forum: http://demigodrpg.forumotion.net/
Flame of Souls- Forumember
- Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...
Re: CSS Code for Customizing the Profile Background
For phpbb3 try;
Change the background-color: #your code;
Here =>
Change the background-color: #your code;
Here =>
- Code:
#cp-main .panel {
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: CSS Code for Customizing the Profile Background
Um, can you please tell me where to put the code, and explain a it a bit for me (I'm confused)? And is that the full code?
Flame of Souls- Forumember
- Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...
Re: CSS Code for Customizing the Profile Background
Go to admin panel and then >> Display >> Colors >> Css stylesheet.
Press CTRL+F and then copy and paste the code I gave you here. It will take you to that CSS part. Under it add you will see background-color: #code written;
Change that code.
If there's no background-color: #code;
=> simply add it below.
Press CTRL+F and then copy and paste the code I gave you here. It will take you to that CSS part. Under it add you will see background-color: #code written;
Change that code.
If there's no background-color: #code;
=> simply add it below.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: CSS Code for Customizing the Profile Background
It doesn't seem to work. Can you post a screenshot of what you mean? I'm still pretty confused. Sorry to be annoying.
Flame of Souls- Forumember
- Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...
Re: CSS Code for Customizing the Profile Background
Please go to:
1. Administration Panel (advanced mode)
2. Display Tab
3. Colors (on the left, under Pictures and Colors)
4. CSS Stylesheet and paste this code there:
Change the #000000 to a different hex code if you wish.
Regards,
Base
1. Administration Panel (advanced mode)
2. Display Tab
3. Colors (on the left, under Pictures and Colors)
4. CSS Stylesheet and paste this code there:
- Code:
#cp-main .panel {
background-color: #000000;
}
Change the #000000 to a different hex code if you wish.
Regards,
Base
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: CSS Code for Customizing the Profile Background
The code worked, but in the screenshot below, there's still white around. I want to get rid of that, too. Please don't lock this just yet!
Flame of Souls- Forumember
- Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...
Re: CSS Code for Customizing the Profile Background
To change the white color around users cpanel, do the same thing but in this CSS part.
Change that code to the code color you want there.
- Code:
.panel {
Change that code to the code color you want there.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: CSS Code for Customizing the Profile Background
Thanks a lot Nera! You're the best! But, I still need to get rid of the white on Information, Preferences, Avatar, etc. areas. Could you tell me how?
Flame of Souls- Forumember
- Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...
Re: CSS Code for Customizing the Profile Background
1. FOR TABS (ALL TABS)
That should change the color of all of them.
If there's no code add it => background-color: #your code;
2. FOR TABS HOVER
If the color when you hover with a mouse over them isn't the one you want, change it here =>
- Code:
#tabs a span {
That should change the color of all of them.
If there's no code add it => background-color: #your code;
2. FOR TABS HOVER
If the color when you hover with a mouse over them isn't the one you want, change it here =>
- Code:
#tabs a:hover span {
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: CSS Code for Customizing the Profile Background
Thank you very much. However, I used the code, added a bit of some other coding in it, and got this:
Behind the Information there is a white box! And, the text color is black, and it looks bad. Plus, when I hover my mouse over to the other tabs, there's no text at all! What's the problem here? Is there a way I can change it? I am really, really sorry to bother you.
Behind the Information there is a white box! And, the text color is black, and it looks bad. Plus, when I hover my mouse over to the other tabs, there's no text at all! What's the problem here? Is there a way I can change it? I am really, really sorry to bother you.
Flame of Souls- Forumember
- Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...
Re: CSS Code for Customizing the Profile Background
1. To fix that white little corners around information change the background-color: #code; here =>
2. To change the letter color of information change only color code: #your code; here.
3. To remove the corners when you hover with a mouse put here background-color: transparent;
4. You said there are no letters when you hover over with a mouse. You could try to fix it here =>
It is not a problem, but a little bit complicated no to do it in my forum and I never had phpBB3.
If anything's left ask cause I don't see the same thing you do on your forum.
- Code:
#tabs .activetab a {
2. To change the letter color of information change only color code: #your code; here.
- Code:
#tabs .activetab a span {
3. To remove the corners when you hover with a mouse put here background-color: transparent;
- Code:
#tabs a:hover {
4. You said there are no letters when you hover over with a mouse. You could try to fix it here =>
- Code:
#tabs a:hover span {
- Code:
color: #ffffff;
It is not a problem, but a little bit complicated no to do it in my forum and I never had phpBB3.
If anything's left ask cause I don't see the same thing you do on your forum.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: CSS Code for Customizing the Profile Background
Thank you very much! I have nothing left to ask for the profile page, so...this thread is closed. Please lock it. Again, thank you very much Nera!
Flame of Souls- Forumember
- Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...
Re: CSS Code for Customizing the Profile Background
Since this thread appears to be solved, I will lock this thread and mark it as solved now. Important: You can also help the moderators to know if your topic/problem is solved by EDITING your first post and marking the topic as solved. Thank you. |
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Similar topics
» Post profile background image only 4 admin [need code]
» Customizing profile
» Custom Profile Fields Customizing Help
» Help with stats i cant find!!/ Profile background/ Profile Music
» HOW TO CHANGE [CODE][/CODE] BACKGROUND?
» Customizing profile
» Custom Profile Fields Customizing Help
» Help with stats i cant find!!/ Profile background/ Profile Music
» HOW TO CHANGE [CODE][/CODE] BACKGROUND?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum