Edit Profile bar changes

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
Forum link : http://testacademy.forumgreek.com/profile?mode=editprofile&page_profil=informations

Description of problem

Hello,
I would like to know how to:

1) Remove this sections from Edit Profile


2) Remove this black hover color when you are in an edit profile section
(For example, here I am in the information section and when my mouse is on "Information" it changes to black. I don't want that.)


3) Change that grey color when you are in a section

Hello @Panicmakerz,

Please try the below possible solutions:
1) The below code will "hide" the tabs and not remove the sections entirely. To remove them entirely you'll have to change the template (I think) But here's how to hide the tabs. Add this in your CSS:

Code:

div#tabs li { display: none; } /* Hide the tabs from Edit Profile */
div#tabs li.activetab { dipsplay: inline; } /* Keep the Information Tab visilbe */

2) For the hovering, you have to add this part of code in your CSS:

Code:

fieldset dl:hover dt label { color: inherit; } /* Removes the black from hover */

3) For the grey on the tab, you can edit the

Code: div#tabs li.activetab

you added from 1) and add to it

Code: color: #XXXXXX;

where #XXXXXX is your hex color preference. That means that in your CSS you should have:

Code:

div#tabs li { display: none; } /* Hide the tabs from Edit Profile */
div#tabs li.activetab { dipsplay: inline; color: #FFFFFF; } /* Keep the Information Tab visible and change the color */
fieldset dl:hover dt label { color: inherit; } /* Removes the black from hover*/

I hope these work for your and solve your problem!
Regards.

Thank you for your response

I want the avatar tab too , so I want my menu to be {Informations, Avatar}. Your code removed everything from the menu.
Also the code for hovering works but not on the tab

Okay, then replace the above code with this one:

Code:

#tabs a { display: none; } /* Hide the tabs from Edit Profile */
#tabs .activetab a, #tabs a[href*="avatars"], #tabs a[href*="informations"] { dipsplay: inline; color: #FFFFFF; } /* Keeps Information and Avatar tabs visilbe */
fieldset dl:hover dt label, #tabs .activetab a:hover span, #tabs .activetab a span  { color: inherit; } /* Removes the black from hover*/

okay the code for the hovering worked.

But i still have no menu bar:

Oops..
I've misspelled the word display for the 2nd line of the code. If you see at the end of the 2nd line the word display is spelled wrong. If you want, by fixing this it should fix your problem as well!

oh didnt see that! Thank you very much for your help appreciate it, my problem is SOLVED!

Sure thing. Glad i helped!

Problem solved & topic archived. Please read our forum rules: ESF General Rules