Add box around 'Custom Profile' sections?

[notick]

I've realised that once a profile is filled in with the information required, there is a lot of text, however no clear distinction between each section.

asperio.boards.net/user/7 This is one member on my site.
As you can see, there is no clear distinction between where the 'Personality' ends and the 'History' begins. Fortunately she has written ti headers in her sections, but overall it's not clear.

Is there a way I can have a simple border around each text section so we can see when one box ends and the other begins?

[Former Member]

You could add a border property at the bottom of your css using the following selector:

div.content-box td

This will surround every table data element under the content-box class aka all custom profile fields. If you're not keen on adding a border property to everything, you'll need to do some template changes and be specific by a unique id/class to the items you want to affect.

[notick]

Hm, it just comes up with a syntax error.

[Former Member]

Did you add the border property so it ends up looking like this?

div.content-box td { border: solid; }

You can test out different properties/values to suit your needs.

www.w3schools.com/css/css_border.asp

[Kami]

Jul 1, 2019 15:51:25 GMT -8 notick said:

Hm, it just comes up with a syntax error.

If you are copying the above and only the above, then yes, it will come up with a syntax error because you've made no CSS declarations.

You would need to actually add properties to this, like so:

div.content-box td {
border: 1px solid #000000;
}



Change #000000 to whatever colour you wish, in hexadecimal notation. You can also change the thickness of the border (change 1 to any positive whole number) and the style of border (change "solid" to any accepted style).