andreawalford

I ended up having to do a manual re-install of wordpress on my site and that fixed the problem. Very frustrating!

That worked – thank you! I have another question relating to table styling. When I use the “first row of the table is the table header” – the table header background ends up being blue.

If I don’t use it though, then like the table you see here: https://papercrafterslibrary.co/stampin-up-video-gallery/su-video-gallery-projects/

There is no border at the top of the table. Is there an easy way to fix that?

Thank you,

You’re right! It’s the same plugin that was causing all that extra text to show up in WP-Table reloaded. It’s the Wishlist ID plugin.

Thanks again for all your help!

Hi Tobias,

Because I am doing this in a few different rows throughout the tables, I ended up tagging the text I wanted with <h1> </h1> and then inserted:

h1 {
  font-size:14px;
  text-align:left;
  font-weight:bold;
}

into the Custom CSS field. You can see what it looks like here: https://papercrafterslibrary.co/su-video-gallery-stampin-up-adhesives/?w3tc_note=flush_all

I have to say, the more I work with your Tablepress the more impressed I am. It’s fantastic. We tried creating these types of tables right in the wordpress page and post content and it was a disaster.

There are a couple things that I did want to note about Tablepress which I don’t know if you are aware of (as you said this is a beta version right now):

The little check box to select rows is missing so there is no way to select a row.

The other question I have is – is there a way to add rows in BETWEEN existing rows. Right now I can only add rows at the end of my table – I don’t know if this is related to the missing check boxes.

Thanks,

Andrea

Hi Tobias,

I did that and it worked! Thank you!

There are a couple things that I did want to note about Tablepress which I don’t know if you are aware of (as you said this is a beta version right now):

The little check box to select rows is missing so there is no way to select a row.

The other question I have is – is there a way to add rows in BETWEEN existing rows. Right now I can only add rows at the end of my table – I don’t know if this is related to the missing check boxes.

Thanks,

Andrea

So, let me make sure I am understanding this, I select a table – let’s say it’s tablepress-id-1. In table one options under Extra CSS class I enter “table press-styling-1” and that assigns table 1 into the tablepress-styling-1 category.

THEN, under plugin options, in the Custom CSS field I change all my .tablepress-id-1 to .tablepress-styling-1 so that it looks like this:

.tablepress-styling-1 td {
font-size:13px;
border-width:1px;
border-style:solid;
border-color:#e1dfe1;

Thanks,

Andrea

I’m sorry, I’m confused.

I understand entering tablepress-styling-1 into the “Extra CSS” class field. What I don’t understand is how and where I assign which tables are within styling-1 and styling-2 is there someway of saying that

tablepress-id-1, tablepress-id-2, table-press-id-3 = tablepress-styling-1

tablepress-id-4, tablepress-id-5, table-press-id-6 = tablepress-styling-2

Thanks,

Andrea

In reference to the post above, I think I’m definitely going to need the extra css class, because when I tried adding in another table id as you showed me above before the link styling and the column styling, it didn’t work properly for me.

Thanks,

Andrea

Hi Tobias,

I made a donation to your plugin because I wanted to thank you for a fantastic plug-in – it’s going to make my business life a whole lot easier and to thank you for all your help.

I like your idea of creating an extra css class because when all is said and done I am going to have probably about 100 tables – but in only two different styles. So I would like to have an “extra css class” for each style. BUT, I don’t know how to do that.

Can you show me how to set up the code?

Thanks,

Andrea

I got it! Here is the revised code in case anyone else is interested:

.tablepress-id-1 td {
font-size:13px;
border-width:1px;
border-style:solid;
border-color:#e1dfe1;
}

Woohoo! Very excited about my tables!

Here is another question for you – if I want to use the same styles for only SOME but not all my tables – is there a quick and easy way to specify the table id. For example can I do something like:

.tablepress-id-1, .tablepress-id-4, .tablepress-id-10 td {
font-size:13px;
border-width:1px;
border-style:solid;
border-color:#e1dfe1;
}

Thanks,

Andrea

Thank you! I entered the information and it did most of what I asked it to – I just can’t figure out why it didn’t add any border to my table.

You can see the page here: https://pclonlineclasses.com/stampin-up-video-gallery/

In my code I had specified a border around the cells – but I put it in the same place where I specified font. You can see the code below:

.tablepress-id-1 td {
font-size: 13px;
border: 1px #e1dfe1;
}

Thanks,

Andrea

Wow! You’re Amazing! I’ve uploaded and installed it and set up a test table.

Here is the link: https://pclonlineclasses.com/stampin-up-video-gallery/

Here is some additional styling I’ve put together that I’m wondering if you can take a quick look at to make sure there are no big errors. Here is the order of what I tried to write (I am new to writing HTML and CSS):

1. In the first section I am trying to set a border around the table cells, make the font size in all cells to 13px, and then specify link colors and decorations.

2. In the remaining sections of code I am trying to specify a custom column width for each column and then specify how I want the text horizontally and vertically justified.

If all of it is correct, do I just copy and paste it as is into the Custom CSS box under plug-in options?

Thank you again for your help!

.tablepress-id-1 td {
border: 1px #e1dfe1;
font-size: 13px;
a:link {color:#000000; text-decoration:none;} /* unvisited link */
a:visited {color:#9a9696; text-decoration:none;} /* visited link */
a:hover {color:#ee703d; text-decoration:underline;} /* mouse over link */
a:active {color:#ee703d;} /* selected link */
}

.tablepress-id-1 .column-1 {
width: 15%;
text-align:center;
vertical-align:middle;
}

.tablepress-id-1 .column-2 {
width: 70%;
text-align:left;
vertical-align:middle;
}

.tablepress-id-1 .column-3 {
width: 15%;
text-align:center;
vertical-align:middle;
}

I’ve been through your CSS FAQ as well as the w3 schools site and i’ve put together the following code to help me achieve items 2-6 in the list above. Can you please take a look at it and tell me if it looks ok (i.e. no major mistakes that will take the plugin offline) and if I need to worry about the order in which the commands appear? Do I just copy and paste what I have below from my text editor into the Custom CSS box under plug-in options?

wp-table-reloaded-id-2 {
border: none!important;
border-collapse: collapse!important;
border-spacing: 0px!important;
}

.wp-table-reloaded-id-2 td {
border: 1px #e1dfe1;
font-family: Trebuchet;
font-size: 12px;
color: #000000;
a:link {color:#000000; text-decoration:none;} /* unvisited link */
a:visited {color:#9a9696; text-decoration:none;} /* visited link */
a:hover {color:#ee703d; text-decoration:underline;} /* mouse over link */
a:active {color:#ee703d;} /* selected link */
}

.wp-table-reloaded-id-2 .odd td {
background-color: #ebe9ea;
}

.wp-table-reloaded-id-2 .even td {
background-color: #ffffff;
}

.wp-table-reloaded-id-2 .column-1 {
width: 15%;
text-align:center;
vertical-align:middle;
}

.wp-table-reloaded-id-2 .column-2 {
width: 70%;
text-align:left;
vertical-align:middle;
}

.wp-table-reloaded-id-2 .column-3 {
width: 15%;
text-align:center;
vertical-align:middle;
}

Thank you,

Andrea

I figured out how to remove columns and rows – that was pretty obvious so I’m not sure how I missed it.

I’m still not sure how to do items 2 through 6 – although I just found your CSS FAQ so I’m going to take a look at that.

I’ll post back here if I still can’t figure it out.

Thanks so much, and I’m sorry to be a bother.

Andrea

In doing further research and looking at the forums and support blog it looks like no one is monitoring the Websimon support forums on any regular or consistent basis, so I decided to unintall Websimon and go with wp-table reloaded. I therefore no longer need your assistance.

Thanks,

Andrea