Static Table on Tome Page

Hi,

yes, you can simply use the template tag function that the plugin offers, see the documentation for more at https://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/documentation/.

Or you could simply wrap the Shortcode in a do_shortcode call, like

<?php echo do_shortcode( '[table id=123 /]' ); ?>

Regards,
Tobias

Perfekt!

I looked at the documentation before posting but that article with the home page. But I ended up using the do_shortcode call. Learned something new today.

Besten Dank!

Hi,

no problem, you are very welcome!
This method works with any regular WordPress Shortcode by the way.

Best wishes,
Tobias

Hi Tobias! Wow! thank’s that worked on my site as well. I do have a question though for my 3 row it looks like I have more space around the image icon I’ve placed. I tried using some of the hints provided on the form Plugin Options however I don’t think the 3rd row spacing is quite right could you take a quick look and offer some guidance? Thanks Crimeprevention101

Hi,

this is the result of some margin that your theme adds to the images.
This “Custom CSS” should fix this:

.wp-table-reloaded-3 .row-3 img {
  margin: 0 !important;
}

Regards,
Tobias

Hi Tobias!

Great to hear from you. Thank you for your response. I tried the above and it doesn’t seem to work. The table still has the spacing and it looks completely different on all three browsers (firefox, safari with IE being the worse in terms of spacing). Here are the plugin options I have for the table (could what I have written be causing the problem)?

.wp-table-reloaded-id-3 .row-1 td {
background-color: #333333!important;
}
.wp-table-reloaded-id-3 .row-1 td {
font-family: Tahoma;
font-size: 12px;
line-height:10px;
font-weight:bold;
color: #ffffff;
text-align: center;
}
.wp-table-reloaded td a {
color: #ffffff !important;
}
wp-table-reloaded-id-3 {
width: 600px!important;
}

.wp-table-reloaded-id-3 .column-1 {
width: 100px;
}

.wp-table-reloaded-id-3 .column-2 {
width: 100px;
}

.wp-table-reloaded-id-3 .column-3 {
width: 100px;
}
.wp-table-reloaded-id-3 {
border:1.5px solid #cdcdcd;
}
.wp-table-reloaded-id-3 td, .wp-table-reloaded-id-3 th {
border-right: 1.5px solid #cdcdcd!important;
}
.wp-table-reloaded-id-3 {
margin: 10px auto !important;
}
.wp-table-reloaded-id-3 td {
padding: 5px;
}
.wp-table-reloaded-id-3 .row-3 td {
background-color: #150517!important;
}
.wp-table-reloaded-3 .row-3 img {
margin:0!important;
}

Again thanks for your help!

Hi,

oh sorry, there’s a tiny mistake in my code, the “id-” part is missing.

Please try again with

.wp-table-reloaded-id-3 .row-3 img {
  margin:0 !important;
}

Regards,
Tobias

Hi Tobias,

I tried it but no luck it moved the icons towards the left as oppose to the center and in IE the entire table is off in terms of spacing and alignment for the text as well as the image. crimeprevention101.com

Hi,

ah, yes that code would actually remove the centering… Sorry about that, third try ??

.wp-table-reloaded-id-3 .row-3 img {
  margin-bottom :0 !important;
}

(We should just need to change the bottom margin.)

About that IE issue: Unfortunately, I can’t check on that, as I don’t have IE/Windows available at the moment ??

Regards,
Tobias