Mutant. 25+'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

Code to hide interest block and heading

.table-section:nth-last-child(2) .heading {

    display: none !important;

}

.table-section:nth-last-child(2) .details-table tr:first-child {display:none;}


.table-section:nth-last-child(2) .details-table tr:nth-child(2){display:none;}


.table-section:nth-last-child(2) .details-table tr:nth-child(3){display:none;}


.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none;}


.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none;}


.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

.table-section:nth-last-child(2) .inner,

.table-section:nth-last-child(2) .details-table {

    border: none !important;

}


(1) = General
(2) = Music
(3) = Movies
(4) = Television
(5) = Books
(6) = Heroes

Place between <style></style>


For this one I named the header Blurb, got rid of the interests. I kept General but removed the title and border

/* Rename Interests header */

.table-section:nth-last-child(2) .heading {

    font-size: 0 !important;

    border: 2px solid grey !important;

    background: black !important;

    color: #C4F6FF !important;

}

.table-section:nth-last-child(2) .heading::before {

    content: "Blurb";

    font-family: 'Play', sans-serif;

    font-size: .8rem;

    font-weight: bold;

    color: #C4F6FF;

}


/* Hide all rows except the first */

.table-section:nth-last-child(2) .details-table tr:nth-child(n+3) {

    display: none !important;

}


/* Remove “General” and remove borders in the inner block */

.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p {

    font-size: 0 !important;

}

.table-section:nth-last-child(2) .inner,

.table-section:nth-last-child(2) .details-table {

    border: none !important;

    background: none !important;

}


.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p::before {

    content: "";

    font-size: .7rem;

}


.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p {

    font-size: 0;

}



0 Kudos

Comments

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