Jump to content
  • 0

Customise Layout Style


logistics
 Share

Question

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

post-14313-0-45416000-1455104697_thumb.j

post-14313-0-06634100-1455104699_thumb.j

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

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.

post-19400-0-72792300-1455113502_thumb.p

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

  • 0

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-shadow0px 0px 0px 6px #f9f9f9;

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

 

Then find and delete line:            border-width6px;

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

 

I hope this helps.

post-19400-0-64119700-1455197588_thumb.j

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...