parfumio

Hi Tobias

I’ve implemented that CSS immediately when you gave it to me and it worked great but I forgot to say thank you…

So, thanks a lot :)!
Now I have more than 50 tables on my blog and they are excellent, just what I needed.

Now, another question:
The CSS you gave me above, I guess it forces the width to be 100% of the page for all the tables.
But I added an exception, for example for my table 86, like this:

.wp-table-reloaded-id-86 {
width: 60%!important;
}

It is shown here http://www.parfumio.ro/ at the bottom of the page and unfortunately it’s not centered anymore.

I looked in my css stylesheet and i found some lines reffering to tables, for example:

.article table, table.article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}

and some other lines related to tables:

.article table, table.article .article tr, .article th, .article td
{
background-color:Transparent;
}

.article th, .article td
{
padding: 2px;
border: solid 1px #8C9B94;
vertical-align: top;
text-align:left;
}

.article th
{
text-align:center;
vertical-align:middle;
padding: 7px;
}

I thought I should add horizontal-align:middle like this
.article table, table.article

{
border-collapse: collapse;
margin: 1px;
width:auto;
horizontal-align:middle;
}

but it didn’t work. Is there something else I can do?

I also looked in your FAQ and I added the code for removing the border like this

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

but it doesn’t work… :(. The border is still there.

I also wanted to align different columns of a table in different ways and I added this for table 10 (shown here http://www.parfumio.ro/chanel/):

.wp-table-reloaded-id-10 td
{
text-align: center;
}
.wp-table-reloaded-id-10 .column-1, .wp-table-reloaded-id-10 .column-2, wp-table-reloaded-id-10 .column-3
{
text-align: left;
}

and it works great.

But what if I want this to happen for all my table (with one exception)
Shouldn’t I add the following?

.wp-table-reloaded td
{
text-align: center;
}
.wp-table-reloaded .column-1, .wp-table-reloaded .column-2, wp-table-reloaded .column-3
{
text-align: left;

I did so but it didn’t work… Did I make a mistake?

(Sorry for this long long post.. )

1. my table 1 is in page http://www.parfumio.ro/
issues:
– The table shows differently in Firefox, Opera, IE, Chrome (?!):

• in Opera it is centered (that is ok) and the column width seems to be variable but the widths for the last 4 columns should be less
  in Firefox the table is not centered (not ok) while the column widths are ok, more for the firs 2 columns and les for the last 4 columns
  in Chrome – not centered, column width is ok
  in IE – centered and the column width is ok

So, what I want is the table to be centered in all browsers and that I can control/modify the column widths the way I want to (variable for the first 2 columns and fixed for the last 4 columns.

2. my table 2 is in page http://www.parfumio.ro/shop-parfumuri/
As far as centering is concerned, the same behavior.
As far as column width, I would like it to be fixed

The point is I don’t really understand how that Custom CSS field from the Frontend Options works. I’m not sure how can you give different styles to different tables on your site.
And can you be sure it will be behave the same in all the browsers?

Other questions:
– can I change the highlight color for when hovering a row?
– can I highlight only one cell when hovering over it?
– how can I change the border color or remove the border?

By the way, congratulations for your great work on this plugin! It is THE greatest table plugin, I’ve tried using many other plugins but it was impossible to obtain a decent table, all had different faults or annoying limitations.
Besides, your plugin is a great solution for presenting a simple gallery of thumbnails or pictures on a page. Then, by using html I can link each thumbnail to a corresponding page.
In other 2 famous plugins for picture galleries I couldn’t simply link the thumbnails to different pages or the thumbnail were different in size, etc. Very annoying.
I wasn’t hoping to be able to add a decent gallery but surprinsingly a table plugin helped me. Maybe you should present this in your plugin descriprion so that people know it.

So, congratulations again for this great plugin and also for helping us all with our support issues.

I’m interested in this too. Both implementing the excerpt and a featured image in the excerpt (if it is possible).
Could you please explain for a novice in php and coding how to implement the excerpt. I didn’t quite understand the instructions from http://codex.wordpress.org/Function_Reference/the_excerpt

Thanks