WordPress.org

1. jkgourmet
   Member
   Posted 1 year ago #

   http://gringodog.com/act-traveling-pet/
   table id = 11

   Tobias, I read the FAQ's about this topic. This is the code that is in my post in the place where I wanted the table to appear:

   <div style="width: 100%; text-align: center;">[table id=11 /]</div>

   There do not appear to be any <p> thingys that have been added by WP.

   Any ideas? It's not a big deal, but would be nice to know how to do it.

2. TobiasBg
   Member
   Posted 1 year ago #

   Hi Jeanette,

   yeah, that FAQ answer is kind of outdated, and unfortunately it does not work in all themes. Thanks for reminding me that I need to update it :-)

   A more robust and better way is to simply use the following "Custom CSS" (you don't need any of the HTML around the Shortcode then):
   

   .wp-table-reloaded-id-11 {
     margin: 10px auto 15px!important;
   }

   Basically this centers a table by adding the same margin ("auto") to the left and right of the table until the full width is reached.

   Tobias

3. jkgourmet
   Member
   Posted 1 year ago #

   Yep, that did it (though I had to use the px instead of auto as the theme centered it weirdly - no doubt something else I did within the theme set up.)

Topic Closed

This topic has been closed to new replies.