• Resolved hammertime419

    (@hammertime419)


    I’m using the Fighter theme, which doesn’t appear to style tables. I would like to make the font type, size, etc for tables similar to paragraph text with this theme. Can anyone explain to me what needs to be added to the style.css to accomplish this? I’ve tried looking at other themes for reference but can’t figure it out. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • well…there’s a few things you gotta do here…

    First off, do you understand table styling in general? If not, google some ‘table styling with css’ and read the tutorials… like here’s one:
    http://www.elated.com/articles/styling-tables-with-css/

    looking at these tutorials will get you familiar with what the various things do…td, tr, caption, etc

    then maybe grab some generic styling from some theme….like this:

    /* Styling the tables */
    table {
            border-collapse:separate;
            border-spacing:0;
            }
    caption, th, td {
            text-align:left;
            font-weight:normal;
            }
    table, td, th {
            vertical-align:middle;
            }
    table {
            margin-bottom:1.4em;
            width:100%;
            }
    th {
            font-weight:bold;
            background:#C3D9FF;
            }
    th, td {
            padding:4px 10px 4px 5px;
            }
    tr.even td {
            background:#E5ECF9;
            }
    tfoot {
            font-style:italic;
            }
    caption {
            background:#eee;
            }

    see what that does….etc

    combine knowledge you get from tutorials, with knowledge from someone else’s theme

    and put it to work in your own theme, using elements from your css to guide you

    Thread Starter hammertime419

    (@hammertime419)

    That’s a great starting point…thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Formatting table fonts, etc with CSS’ is closed to new replies.