CSS Styleing

  • Resolved nemothefish

    (@nemothefish)


    13 years, 7 months ago

    Hi Tobias

    AS you suggested, I migrated from your WP-Table reloaded Plugin to this one.. I love the ease of use

    But can you offer me some insight into using the CSS for this, your documetion is incomplete…

    Im looking to style the header and the main body of the table located here

    http://iaucc.ie/information-for-students/colleges

    As you can see from this the second colum is rather wide, I would like help in making it narrower

    .tablepress-id-4 .column-2 {
    width: 100px;
    }

    this is what I have in use, im aware that the column will adjust to the with of the text, but to make it as snug as possible, I wanting to use this… I would also like to make colum one the with of the Icon

    Kindest
    N

    http://wordpress.org/extend/plugins/tablepress/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    13 years, 7 months ago

    Hi,

    thanks for your questions.
    (Yes, the documentation is still incomplete, sorry about that 🙁 )

    As a start, please deactivate the “horizonal scrolling” feature for this table, by unchecking the corresponding checkbox on the table’s “Edit” screen. That feature is not necessary here and makes it hard to set the widths.
    Then, in your “Custom CSS” change the block

    .tablepress{
	text-align:centre;
}

    to

    .tablepress th,
.tablepress td {
	text-align: center;
}

    to center the cells (which is what you want, I assume). The selector needs to be a little bit more specific here, and CSS uses American English.
    Also, please add

    .tablepress-id-4 {
  width: auto;
}

    That code will then basically allow you to set individual column widths, as by default the table takes up the entire space.

    Regards,
    Tobias

    Thread Starter nemothefish

    (@nemothefish)

    13 years, 7 months ago

    Cool Stuffs I will give that a go now… so and let you know know I gets on…

    Kindest
    N

    Thread Starter nemothefish

    (@nemothefish)

    13 years, 7 months ago

    Sorted… Perfecto…

    Genius…

    N

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    13 years, 7 months ago

    Hi,

    awesome! 🙂 Very cool! Thanks a lot for the confirmation!

    Best wishes,
    Tobias

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

The topic ‘CSS Styleing’ is closed to new replies.

Tags