Home » Documentation > Introduction » Making It Look Nice

Making It Look Nice

At time of writing, WordPress initially installs with a choice of three themes, which control the layout of items on pages: “Twenty Sixteen” (the current default), “Twenty Fifteen” and “Twenty Fourteen”.

Both Twenty Fifteen and Twenty Fourteen have wide side-bar menus, which restricts the screen width available on any page for your WebApp or views, so we recommend that, to start with at least, you use the Twenty Sixteen theme, although the older Twenty Thirteen theme, which has no side-bars at all, is also an option if it is available.

To do that (if Twenty Sixteen is not already the site’s theme):

  1. Go to the WordPress Dashboard.
  2. In the left-hand pane, select “Appearance” → Themes.
  3. Select theme “Twenty Sixteen” (or “Twenty Thirteen”, if available).
  4. Click the “Activate” button.

In the WordPress Twenty Sixteen theme, there are a couple of issues which manifest themselves with the DataFlex DF_Flat_Desktop theme (the pair work well together, visually, having similar color-schemes).  Menu item text becomes underlined (in fact have a bottom box-shadow 1 pixel wide) and the date-prompt displays with a full window width.  These can be fixed by inserting the following CSS at the bottom of the WebApp’s application.css file (found in the AppHTMLCssStyle directory):

#OWEAPP .WebDP {max-width: 250px;}
#OWEAPP a {box-shadow: 0 0 0 0 ;}