« SpaceHey Forum

Changing the Interests Table Aesthetics

Posted by 00Spirit00

posted

Forum: SpaceHey

Hi first time poster! And new to html and css. I've been having difficulty figuring out how to change the aesthetics of the interests table. My biggest issue is singling out certain parts of the table. I'd atleast like to change the table squares from the blue or something else like an image. If possible.

If this is confusing this is the table I'm talking about: https://imgur.com/a/y3ZcXQ9


Report Topic

1 Reply

Reply by Petunia

posted

Hi I'm a beginner too! This group can be really useful for this stuff, especially the image at the top which gives all of the IDs which is what you're looking for :) I've been messing around with the CSS a bit and I'm starting to get the hang of it.

You'll want something like this:

.profile .table-section heading {

    /* heading stuff here or remove it entirely like I did with display: none; */

}

.profile .table-section {

    /* background/outside stuff - margins, background behind all of the table, etc */

}

.profile .details-table td:(first/last)-child {

    /* the specific cells in the interests table - you can change margins/background/etc here. First is the first column and last is the second one */

}

.profile .details-table td:(first/last)-child p {

    /* text formatting so font and text colours and stuff */

}

I hope this helps!


Report Reply