galadriel's profile picture

Published by

published
updated

Category: Web, HTML, Tech

custom table section code

i've been tinkering around and figure maybe some folks might find this useful?

i hate how even if you leave a part of the interests section blank, it'll still appear on the profile. i also wanted to add some custom sections

paste this into about me:

<style>

/* left table background */

.details-table td, .table-section {

background-color: PUT HEX CODE HERE;}

/* left table cell background */

.profile .table-section .details-table td {

background-color: PUT HEX CODE HERE;}

/*  hide left table interest labels  */

.details-table td:first-child {

display:none;}

</style>

  • i recommend making the background color of the entire table and the cells the same in this part; this will mask them being blank. but you do you lol

paste this into general interests:

<table style="padding-bottom:10px;"><tr>

<td>DON'T EDIT THIS PART</td>

<td style="

width:80px;

font-weight:bold;

background-color: PUT HEX CODE HERE;">

EDIT THIS: SECTION TITLE

</td>

<td style="

background-color: PUT HEX CODE HERE;">

EDIT THIS: CONTENT

</td></tr></table>

  • you can technically put this in any of the interest sections and it will work. for each section you want to add, just use the code again
  • you can also tweak further with css, the example i'm showing and the code i provided is just bare bones to closely match the default style
  • don't edit where i said not to; it's necessary to leave that in there

here's comparisons of what it looks like

orignal:


with this code:


completely customized:


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )