Reduce space between HTML blocks and Fields in List Report

[Heineperson]

Hello,

I would like to use HTML blocks to organize my fields on a list report embedded in a Wordpress site:

http://dev-saveplants.pantheonsite.io/national-collection/plant-search/plant-profile/?CPCNum=3

I would like to reduce the space between the HTML blocks and the data fields (see the words "nomenclature" and "Conservation Status" in top section under "Plant Profile"). I have tried to create a custom Caspio Style with altered the padding and margins, but I am unsure exactly what layout parameters I should be changing, and I also wonder if my wordpress theme might overwrite these changes.

Any advice you have for a novice would be greatly appreciated.

[Mathilda]

On 6/25/2017 at 2:43 PM, Heineperson said:

Hello,

I would like to use HTML blocks to organize my fields on a list report embedded in a Wordpress site:

http://dev-saveplants.pantheonsite.io/national-collection/plant-search/plant-profile/?CPCNum=3

I would like to reduce the space between the HTML blocks and the data fields (see the words "nomenclature" and "Conservation Status" in top section under "Plant Profile"). I have tried to create a custom Caspio Style with altered the padding and margins, but I am unsure exactly what layout parameters I should be changing, and I also wonder if my wordpress theme might overwrite these changes.

Any advice you have for a novice would be greatly appreciated.

Hello,

As far as I understand, you need to reduce space between the submit button and header of the record try using     padding: 0px 12px; instead of padding: 10px 12px; for the  .cbResultSetPanelDataContainer class

 

[Heineperson]

Hi Mathilda,

Thanks for the response!! That worked perfectly.