James

Are you having issues on all browsers, Schweino? Firefox and Safari for our CF7 (updated to latest version) seem to be experiencing the issues you are describing. They work fine until you upload files, then the spinning never ending. However, not seeing any issues with Chrome, IE, or Edge. I haven’t had a lot of time to investigate, but will post any findings here.

That error you describe though, looks like you are using the default folder for files to be uploaded to. I believe the default permissions for wpcf7_uploads are Read only – 0755. I would recommend creating a new folder and giving permissions 0766.

If you do that you need to alter your wp-config.php

define( ‘WPCF7_UPLOADS_TMP_DIR’, ‘wp-content/uploads/yourfoldername‘ );

Hope that helps!

-james

Try something like:

CSS:

span.wpcf7-list-item {
text-align:left;
width: 100%;
max-width: 320px;
}
Then in your form template:

[checkbox your-productCheckbox class:wpcf7-list-item “checkbox1” “checkbox2” “checkbox3”]

I found creating the contact forum within a table to give a bit more flexibility with formatting. Definitely test display with other browsers, but so far I’ve not ran into issues using a table.

Created a CSS entry for said table to deal with spacing:

table#somename
{
border-collapse:separate;
border-spacing:0 10px;
}

Then in contact form you could try something like:

<table id=”somename” style =”width:100%” cellspacing=”2″>
<tr>
<td>[text* your-firstName watermark “First Name”]</td>
<td>[text* your-lastName watermark “Last Name”]</td>
<td rowspan=”2″>[submit class:button primary “ACTIVATE FREE SHIPPING CODE”]
<tr>
<td colspan=”2″>[email* your-email watermark “E-mail:”]</td><td></td>
</tr>
</table>

Hope this helps!

-james

Hello,

After altering CSS a bit:

span.wpcf7-list-item {
text-align:left;
width: 100%;
max-width: 300px;
}

I have broken out the checkboxes using table rows (I placed entirety of this forum within a table) and seems to display nice on both ends.

Example:
<td>[checkbox your-productCheckbox “item1” “item2”]</td><td>[checkbox your-productCheckbox “item3” “item4”]</td>

Hope this can help someone in the future!

-james

I have been tinkering around with CSS:

span.wpcf7-list-item {
display: table-row;
display: table-cell;
text-align:left;
}

This fixed an initial I.E. display issue where checkboxes were being displayed above text. So I assume I need to adjust or add some CSS values : )
Not sure how to modify to align checkboxes though, if that is even possible. Or if I could place content list of [checkbox] in a table somehow?

-james

Hello,

Thanks for reply. Would love to align the checkboxes according to the rows above and below if possible.

https://www.debourgh.com/uncategorized/rfq-test/

Many Thanks!

-james

Thanks Mikko, you’re awesome!