Start a new topic
Answered

Please guide me on how to remove table borders from profile overview page.

Does anyone know what css class is controlling the table borders on the profile overview page?


Best Answer

Hi Nicole, 


I apologize for the late response. 


Here is the code to hide the borders: 


body .profile-tabs div.active {

    border: none;

}

body .profile-tabs div h2 {

    border-bottom: none;

}

body p.user-quote {

    border: none;

{

body .main-tabs li {

    border-color: transparent;

}


Please paste it in the "Widget CSS" box in the Widget: Profile Overview Tab. 



Let me know if you have any questions! :) 








Hi Nicole,


Thank you for your message.

The "active" class is controlling the border.

You can use this classes to change the border. 


.main-tabs li.active




Please let me know if you have any question.


Thanks! :) 

Sorry - I didn't explain myself well - I want to clear the borders on the table that holds the information "inside" the tab (under Contact Details;  Screenshot below).  I tried table, td{border: none;} with no luck so there must be a class controlling it.  Any idea?


Answer

Hi Nicole, 


I apologize for the late response. 


Here is the code to hide the borders: 


body .profile-tabs div.active {

    border: none;

}

body .profile-tabs div h2 {

    border-bottom: none;

}

body p.user-quote {

    border: none;

{

body .main-tabs li {

    border-color: transparent;

}


Please paste it in the "Widget CSS" box in the Widget: Profile Overview Tab. 



Let me know if you have any questions! :)