Border thickness?

Started by Ashelia, April 30, 2012, 02:04:15 PM

Previous topic - Next topic

Ashelia

I'm trying to decrease the white border thickness in forum/board listing to something like 1px, but I can't seem to find it anywhere in the default CSS file.. could anyone give me some directions?

Image below:


IchBin™

It's relying on the fact that browser's put a default padding/spacing on tables when you don't specify them.

<table class="table_list"> in the template is where you need to add cellspacing="1" cellpadding="0" if you want the border smaller.
IchBin™        TinyPortal

Ashelia


Ashelia

Another similar question, if I wanted to do this for threads, which file/template would I have to edit?

I'm referring to the same thickness/spacing between actual posts and headers within a topic.

Orangine

same css file

if you're using Firefox, then download Firebug, it will save you a lot of time

TwitchisMental

Quote from: Ashelia on July 16, 2012, 05:18:54 PM
Another similar question, if I wanted to do this for threads, which file/template would I have to edit?

I'm referring to the same thickness/spacing between actual posts and headers within a topic.


Go to the table class in the css (about line 27)


Replace it with this -






/* Tables should show empty cells. */
table
{
empty-cells: show;
border-spacing: 0;
display: table;
}

Antechinus

#6
Quote from: Ashelia on April 30, 2012, 02:04:15 PM
I'm trying to decrease the white border thickness in forum/board listing to something like 1px, but I can't seem to find it anywhere in the default CSS file.. could anyone give me some directions?

Image below:



I know Ich Bin has already given you a correct answer for this, but if you are interested in taking the concept further there is another option that can be implemented just by CSS changes.

What can you do is use border-collapse: collapse; on the table_list class in index.css. This will remove all visible borders between table cells and rows. You can also do this by using cellspacing="0" in the template, but border-collapse has an advantage.

What it allows you to do is choose which cells have borders and where they have them. It removes the default gaps, but still allows setting a border via CSS. If you only want borders between rows, you can have those without any others. If you want to remove the vertical border between the on/off icon and the board name, you can do that. Etc, etc.

If you are interested in playing around with this, I suggest checking out the CSS for the table_grid class. :)




@ NBK*Twitch: no that's not correct.

To change that stuff, looks for #forumposts in index.css. Specifically, you want top and bottom margins for div.cat_bar and div.windowbg and div.windowbg2.

Advertisement: