Different appearance in preview vs. post

Hi,

thanks for your post, and sorry for the trouble.

This can happen if the theme also applies CSS code that affects tables.
In your case, it could also be other table plugins, like the WP Responsive Table plugin that seems to be active.

Can you maybe clarify what exact styling is not being applied in the post, but in the preview?

Regards,
Tobias

Hi,

thanks for the clarification!

Yes, we can give the TablePress CSS a higher priority. As that other plugin is already being quite “aggressive” with its CSS, this should do it:

#tablepress-61 tbody td {
    border: 1px solid #FF6900 !important;
    vertical-align: middle !important;
    text-align: left !important;
}

(Note the added !important flags and the HTML-ID-based selector.)

As for the border on top of the first row when the header is off: I chose that deliberately, as the border is then not needed in most cases.

Regards,
Tobias

Hi,

ah, sorry, forgot about the uniform background color. To override that, please use

#tablepress-61 tr {
    background-color: #ffffff !important;
}

As for the top border: The CSS from above should also achieve that. Or am I missing something?

Regards,
Tobias

Hi,

with the tbody td version you are setting a background color for the cells (which are “above” the background color of the rows). The tr version is setting the background color of the rows, which are then “shining through” to the cells.
The result will be the same, it’s just a technical difference.

Regards,
Tobias

Hi,

no problem, you are very welcome! 🙂 Good to hear that this helped!

Best wishes,
Tobias
 
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!