Customise Layout Style

[logistics]

Hello,

 

I have a data submission form embedded in a website.

The form has a white border around it.

 

I have set the outer border to none, but still there is this white border.

 

I don't seem to be able to control any of it: thickness, margin between text and border etc...

 

Does anyone know how to control it?

 

Thanks,
Julien

[svitlanataran]

Hi Julien,

I've found it. You should change attributes in the style section in your Caspio account. 

 

Edit style->source tab->all   

Then find class cbTable. Delete the following line: box-shadow: 0px 0px 0px 6px #f9f9f9;

                     paste the following line instead: box-shadow: 0px 0px 0px 0px #f9f9f9;

 

Then find and delete line:            border-width: 6px;

paste the following line instead:            border-width: 0px;

 

I hope this helps.

[logistics]

Just to add to my previous post, it seems it's Chrome and Firefox that add another white frame.IE renders the borders properly.

Is there a way to avoid this?

 

Thank you

Julien

[svitlanataran]

Hi Julien,  It looks like the reason is padding.

I'll show you how to find it at a screenshot. Please find it in the attachment.

 

Put a cursor on white border->right click->inspect. In the Styles section you can find css attributes.

By changing attributes you can find the reason of this border. As you can see on the screenshot the reason is padding, it is set to 9px.

 

Then you should make changes in the Source files, if it is your own custom style, like on the screenshot. 

 

If you can't find it, inspect your page and attach here a screenshot or better give me an URL and I'll try to help you.

[logistics]

Hi Matilda,

Thank you for your help.

I followed your instructions but could not quite work out what you meant!

I am quite unskilled when it comes to html...

 

The URL to the page is www.fagirlsfootballweek.com and you need to click on 'Complete the survey' button to get to the page in question, where the caspio form is located.

The frame around the caspio form renders differently if you are in Firefox, IE 11, or Chrome.

 

I really appreciate you getting back to me.

 

Thanks,
Julien

[logistics]

Thank you sooooo much Matilda!

That solved it!

Massive headache now resolved thanks to your help!

Julien