Need to format details page better

[Fibonacciphil]

I’m fairly new to this and am having difficulty adjusting my stylesheet to show results in a certain way.
Not sure where i have to go to edit the relevant items.

I’m trying to:
Delete all borders around any cells or tables.

Set Label text width to a fixed amount.
Set the width of data fields to a certain width, and allow wrapping of text.

Change the padding on data cells results.

Screenshots of before and after attached.

[Mathilda]

6 hours ago, Fibonacciphil said:

I’m fairly new to this and am having difficulty adjusting my stylesheet to show results in a certain way.
Not sure where i have to go to edit the relevant items.

I’m trying to:
Delete all borders around any cells or tables.

Set Label text width to a fixed amount.
Set the width of data fields to a certain width, and allow wrapping of text.

Change the padding on data cells results.

Screenshots of before and after attached.

As far as I understand, borders appear when you embed a datapage to your webpage. If you don't pass parameters to/from the datapage, you may use iframe deployment method, this will let you keep the same look as you have on preview in Caspio. 

Another option - edit CSS of your website and edit attributes which overwrite caspio style. One more possible option - ovewrite attributes in the header of the datapage, like:

<style>
#caspioform tr
{
border: none !important;
}
#caspioform td
{
border: none !important;
}
</style>

 

You can user similar code for other form elements to override border:none. Use firebug or other F12 tools to inspect the form elements and find their respective style and customize them similar to the below code.