ProductsDemosSupportCompanyDownloadPricing
Contents
Search:

Home > How To > How to Apply Custom Styles to a Table

How to Apply Custom Styles to a Table

Here’s a better way to apply styles to your tables:

1. Click “Tools > Styles > PagesStyles.css”
2. Add the following styles:

.MyTable /*StyleList*/ {border:1px solid green}
.MyTable > tbody > tr > td { background-color:#eeeeee; padding:5px }

3. Click ‘Save’
4. Refresh your browser to ensure that the new style takes effect.
5. Click ‘Edit Page’
6. Insert a table
7. Right click the table and select ‘table properties’
8. In the ‘CSS Class’ list, select ‘MyTable’ (or whatever your style name is)
9. Click ‘ok’







Properties
Article ID:
how_to_apply_custom_styles_to_a_table
Views: 1352
Created By: Admin
Modified By: admin
Created Date: 10/15/2013 11:49 AM
Last Modified: 1/29/2014 3:22 PM
Actions
Print This Article
Bookmark
Email This Article
Previous Article
Next Article

Was this page helpful?YesNo