Html table borders

Hello @ohtusabes

The URL provided redirects me the website home page. Could you please indicate the form id to access its URL directly?

Best regards.

Hi @codepeople2

I’m sorry. Here is it: https://app.ucimhef.org/?cff-form=84

Hello @ohtusabes

I visited your form and the table includes all its borders. Please look at the screenshot image below:

So, I assume the issue is related to the styles on your public website. Please enter the style definition in the form settings with the !important; modifier.

border: 1px solid #88929b !important;

Best regards.

Hi @codepeople2

Thank you so much.

Hi @codepeople2

I have applied the style definition as you suggested, but the issue persists. Could you please review how the bottom border is being displayed?

The issue does not occur when accessing the form directly.

Do you have any suggestions or solutions for this issue?

Thank you

Hello @ohtusabes

The issue is not caused by the plugin but a style defined in the theme active on your website.

Unfortunately, each time I visit the URL provided (https://app.ucimhef.org/ecog/) to check the styles, your website redirects me to the homepage. Please watch the following video:

https://resources.developers4web.com/cff/tmp/2025/01/07/video_o.mp4

If you don’t want the styles in the theme to affect the styles in the form, you can try to load the form into an iframe by passing the iframe attribute through the form’s shortcode:

[CP_CALCULATED_FIELDS id="84" iframe="1"]

Best regards.

Hi @codepeople2

You”re right, to enter the website you need login credentials. Please try User: crangel and Password: ucim2024!

Thank you

• This reply was modified 2 months, 2 weeks ago by PB.

Hello @ohtusabes

I’m sorry, but the user is incorrect.

Best regards.

Hi @codepeople2

You’re right again. I’m really sorry. Please use the following credentials (checked):

User: pmorales Password: ucim2024!

Thank you

Hello @ohtusabes

The “https://app.ucimhef.org/wp-content/themes/colormag/style.css” file in the theme active contains the style definition:

table td {
    padding: 6px 12px;
    border-bottom: 1px solid #27272a;
}

If you want to overwrite it from your form, enter the style definition below through the “Customize Form Design” attribute in the “Form Settings > Advanced Settings” tab:

#fbuilder table td{border:1px solid #88929b !important;}

Best regards.

Hi @codepeople2

Thank you very much.