Hi,
yes, you can style a table that was created with the plugin to look like the one in the link. Well, not completely, and partly not yet. (I know, complicated… 🙂 )
What you can already do: Change the background color of certain rows with Custom CSS:
In your case the CSS would be something like:
.wp-table-reloaded-id-N .row-1 td {
background-color: #f25c05; //orange
color: #ffffff; // white
}
.wp-table-reloaded-id-N .row-2 td {
background-color: #000000; //black
color: #ffffff; // white
}
(where the N would have to be adjusted to the used table ID).
Now the problem that remains is the first row, which is colspanned (all cells are combined to form one large cell). This is currently not yet possible, but I’m already working on a possible solution, which should be included in version 1.6 of the plugin (probably out after Christmas). Until then you could make that row a simple text description that is located above the table.
Hope this helps!
Best wishes,
Tobias
Hello: Yes this helps, thank you! I will keep an eye out for v1.6, sounds like that will be just the ticket!
For now, I was able to implement as your recommended, but take a look, the white text in row-2 does not show up.
Also, the blue “Order” button does not want to position itself in the “middle” of the row, even though I believe I have it set that way in the CSS.
Any help is appreciated.
Hi,
good! 🙂 For the text color:
That is weird, but I believe the problems are the comments in the CSS with the colors (// orange and the other three). Those have to be /* orange */. My bad, sorry.
For the order buttons: The HTML for that image tag has the CSS class “aligncenter” which adds the additional margin to the images. If you remove that class from the HTML for the image in the table cells, they align perfect in the center 🙂
Best wishes,
Tobias
Thanks so much.
Had good luck in aligning the image by removing “aligncenter.”
Still no luck with the white text on the orange and black background. I believe I the CSS as you recommended, but still not luck.
Any other ideas are appreciated.
Hi,
it works, you just missed one of the comments. If you change the remaining “// black” to “/* black */”, it will work fine 🙂
Best wishes,
Tobias
Ah, yes, indeed. Much appreciated.
One last question…is it possible to make the white text in black, bold?
Hi,
sure, just add
font-weight:bold;
as an additional line in the CSS for the .row-2
Best wishes,
Tobias
You are fantastic! Thanks.
When the new version of this plug in comes out, what will be the process to upgrade and will existing table data have to be reloaded.
As you see, I am hooked!
Thanks.
Hi,
great to hear that it works now!
The process of upgrading is pretty easy and straight-forward: Your WordPress will tell you when there is an upgrade available, and you just have to click one link. All settings and table data will of course be kept.
I’m doing some changes though with the CSS (The general styling commands (that’s the CSS code that was in the textarea before you added all the color changes from above) are now more efficiently loaded from files.) So, it might be worth checking, if the CSS gets applied correctly after the update, but usually it should.
Regards,
Tobias
