wp-table-reloaded

Hi Anna,

thanks for your questions.

1. This might be caused by the invalid HTML around your table. Currently, the entire table in enclosed by a <h2> heading element and a <span> that tries to set a red text color. You should be able to see this, when using the “HTML editor” instead of the “Visual editor” on the “Edit” screen of the page.
You should remove all surrounding HTML, so that only the Shortcode stands in one line.

2. You have found the correct CSS for this already, however you have inserted it wrongly.
The lines

a { color: #333333; }

and

a {text-decoration:none;}

can not stand within another CSS block. Just move them after the next }.
Also in this setup, the code would apply to all links, and not just links in tables, so you might want to change those two lines to one block:

.wp-table-reloaded a {
  color: #333333;
  text-decoration: none;
}

Regards,
Tobias

Hello
Many thanks for your advice. I have now removed the underline on my text.
But when I looked at the html editor screen, all that appears is the table name one one line i.e:

[table id=4 /]

Do you have any other suggestions?
Kind regards
Anna

Hi Anna,

that’s really odd, because there’s still that <h2> and the <span> in the HTML code…

And there’s still a line

a { color: #333333; }

that you need to delete.

Regards,
Tobias

Hello Tobias
I will have another look thanks, could you advise how I can get my text to look justified in the table link?: I also want it to appear inline with the images in the table (i.e. no white gap)?

https://www.kidsmoderndesign.co.uk/eam-2/

Kind regards
Anna

Hi Anna,

that should be possible with this “Custom CSS”:

.wp-table-reloaded-id-1 .column-1 {
  vertical-align: top;
  text-align: justify;
}

Additionally, I just saw that you entered CSS code into the “Extra CSS classes” field. That is the wrong place for this, you should remove the code from there.

(And as a sidenote: In current web standards, it is not recommended to use a table for layout purposes (i.e. to position text next to images). You might want to use a “modern” approach based on <div>s for this.)

Regards,
Tobias

Hello Tobias
Many thanks for the text justify info. Could you possibly recommend where I can learn more about the “modern approach”? I am new to WP and webdesign!
Kind regards

Hi,

as for comparison of table-based and div-based layouts, you might want to check out https://coding.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ and the links in it.
Then you could also search for tutorials on “div based layouts” and similar.

Best wishes,
Tobias

Thanks so much for your help.
Kind regards
Anna

Hi Anna,

no problem, you are very welcome!

Best wishes,
Tobias

Hi Tobias

Are you available for freelance work? I want to create some specific layouts for my site i.e. the div’s that you recommended for a couple of pages. Can I email you directly?

Kind regards
Anna

Hi Anna,

thanks for asking, but unfortunately, I’m not available for professional/freelance work at this time. I’m very busy (and used to capacity) with my regular day job and the support/maintenance for WP-Table Reloaded, and therefore can not do professional work, even though I’d like to. Thanks for your understanding.
You might try finding someone who can help at https://jobs.wordpress.net/ .

Best wishes,
Tobias