Hi,

The deprecated get_page_by_title() function is still used in the /inc/init_style.php file, the deprecation notice shows up in the error log file.

This function has been deprecated in March 2023, see official announcement here, and it should be replaced either by WP_Query or by get_posts().

Thanks in advance for taking a look into this.

Hello sir, i add stripe to contact form 7 & i checkout using contact form7 but unfortunate contact form 7 doesn’t sent name value to stripe dashboard. Does it possible to sent type form contact form7.

Hi everyone,
The styling of the form works correctly,
but I`m facing such a problem that the styles are not being applied to the error message and maybe success / valid messages also.
All input / button / textarea settings are working correctly, but for the error message work correctly only typography, margin /padding. Border, border color / width, text color, etc. does`t work.
It is not the problem to style it with custom CSS, but I want to know why it is`t work.
I have no any errors on browser console.
Has anyone faced with a similar problem?

Hi,
When i write my name, email, etc, the text remains centered in the middle, and note in the left. My template is oceanwp with wordpress
Thanks Nikos

On our contact page at: https://www.achievekids.org/contact/ when I click “Send Message” when all fields are blank, the following issues appear:
1) The “The field is required” message appears below each required field but it is displayed in black text instead of red text.
2) The “One or more fields have an error. Please check and try again.” message appears at the bottom but it doesn’t have a yellow border around it.
3) The URL at the top is “https://www.achievekids.org/contact/#wpcf7-f540-p100-o1”. I expected it to be “https://www.achievekids.org/contact/” as it is on other sites in this situation.
I’m afraid that I have lost some of the default CSS as I had rolled back to version 5.3.2 and then upgraded to 5.4.1 again (I was trying to get the reCaptcha to work).
When I’m in the back-end I also see the tabbed pages being displayed differently. Not sure why…
If you have any suggestions about how I can get all the functionality back I’d appreciate it.

Hello,

It appears that the line end and paragraph codes are being stripped from textarea fields when using redirection for contact-form7 plugin ‘Pass specific fields from the form as URL query parameters’ setting.

Is there any way to display the contents of textarea as formatted html output?

Thanks,

Yelena

Hi
Does anyone know how to edit the design of the Contact Form 7 forms?
I would like to edit the border of label frames (where you are meant to write) and also use lower case in the text.
Thanks a lot! ??

I’m a junior designer who just joined Bluberry Creative’s design team about a month ago. This month (Jan 2021), one of my first tasks was to work on some things for a client’s WordPress site, and among those tasks was styling the contact forms.

Through the Contact Form Style 7 Plugin, I was able to change the background colors for pretty much everything except the background and text colors for the validation error and validation message boxes, which are currently yellow with white text and green with white text specifically. Ideally I’m looking for the validation error to have the background color #f5725a with white text, and the validation message to simply be a white border, black background, and white text.

I currently have them set to those settings within the style plugin, but something seems to be interfering with it showing up. I would appreciate ideas as to what, since while CSS solutions would be appreciated, we are looking to have sort of two separate “dark mode” and “light mode” versions of this contact form and having overarching CSS solutions is not ideal.

So if anyone has any ideas, I would appreciate the help in a timely manner, thanks. We are also running the Bridge Dashboard and Qode Options, in case that helps anything.

Hi,
if someone ist using the well known DIVI theme & page builder you have to use CSS to style the cCF7 forms (there are various sources in the net).

My proposal for ‘Contact Form 7 Style’: It would be a great enhancement, of you provide a ‘DIVI Preview Style’ setup. So everyone who is using DIVI and wants to use CF7 (because of DIVI’S limited contact form capabilities), can easily adapt the CSS just by selecting a Preview style.

Thanks for reading!

All the best!
kraeMit

Hi,

I have a from created with a text area included however as a default my text area appears too large (perhaps enough space for a paragraph) is there any code I can input to change the height to single line. I have tried simply changing “height” of the text area via css but have not joy

Hi . Hope all is well . Already have contact form 7. Added 7Style.

When I hover with a mouse the form sections vibrate and shiver –
How do I get the form to stop moving when hovering with the mouse .
I just want a static form please ?

? Can U advise please . Thank U.
https://kerryscenicplatform.com/?page_id=301

The page I need help with: https://kerryscenicplatform.com/?page_id=301

Hi . Hope all is well . Already have contact form 7. Added 7Style.

When I hover with a mouse the form sections vibrate and shiver –
How do I get the form to stop moving when hovering with the mouse .
I just want a static form please ?

? Can U advise please . Thank U.
https://kerryscenicplatform.com/?page_id=301

I’ve noticed that even though I’ve applied a background colour to fields this is being overridden by Divi Switch Pro. That plugin makes the background white and as the CF7 Style settings for field text I’ve set also to white (and isn’t overridden) users cannot see the text they enter on a Cf7 form I’ve styled using your plugin.

Are you able to test/advise whether I should be talking to you about this or Divi Switch Pro? Both are good plugins and have their benefits, but if the styles don’t work it’ll be just as easy for me to add the relevant CSS myself and remove the styler plugin (unfortunately).

After the last update 3.1.9 in combination with the latest version of WordPress 5.5.1, there is no longer any possibility to modify an existing style.
In the menu ‘Edit style’, all editable fields have disappeared.
The fields for form border, text fields, field colors and all other fields are no longer visible.
The force CSS option also doesn’t work.

In short, the contact form on my site is back in default with thick black borders. And this can no longer be changed.

How do I get all edit fields back?

Hi . Hope all is well . Already have contact form 7. Added 7Style. Trying to add a full page background image and reduce contact form size in half – i got a jpg image. the page will not show the image and the form becomes garbled on view ? Can U advise please . Thank U.

I have attempted to override the theme for styling the form and I have succeed in most tasks except for the submit button. Any suggestions? Thanks.

Here’s a sample of the custom button CSS I have attempted to customize:

 .wpcf7 input[type="submit"] {
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
     background: #C0C0C0;
     padding: 15px 25px 15px 25px;
     border: none;
     border-radius: 5px;
     width: auto;
     text-transform: uppercase;
     letter-spacing: 5px;
 }

• This topic was modified 4 years, 6 months ago by nsiotto.

I can’t find a solution to this. At the top of the form there is a 30px or even 40px space and can’t get rid of it. Tried to add custom CSS but nothing. Any suggestion?

The contact form will only left-align. How do I get it to center align?

Hello,

I hope that you are doing well.

I’m trying to put a border-radius on the select field “Choix du forfait” so that the border will be the same as the other elements.
But when I apply a border-radius it has no effect.

For example I tried this:

.wpcf7-form-control wpcf7-select .wpcf7-validates-as-required{
border-radius:24px!important;
}

.wpcf7-form select, .wpcf7-form-control-wrap select{
border-radius:24px!important;
}

.wpcf7-form-control-wrap .idforfait{
border-radius:24px!important;
}

.wpcf7-form-control-wrap {
margin-bottom:10px!important;
display:block!important;
}

Could you help me with this issue?

Thanks in advance and have a great day!

I am sure this will have been asked before, but on a search I can’t see any similar queries.

I’d like to make a text input field that is 4 rows of 20 characters long. (and variants)

As in <label>Business Address [text business-address ]</label>

I know you can specify maxlength and minlength but not 4 x 20. (I have tried variants with no luck)

IS this possible on CF7 ?

Hello
I want to change the size of the first and last name fields, so that they do not take up the full width of the form, is this possible? how to please

Is it possible to add a contact form 7 payment button please?

Thank you in advance for your assistance and your answers!

Best regard

Trying to style the “Request Demo” radio text on THIS.

I’m currently adding

[data-class=”wpcf7-list-item-label”] {
font-size: 22px !important;
}
into the global css file on the Form styling settings.

Anyone able to help?

Hello,

Other than adding a border to the Contact 7 Form, I haven’t messed with any of the default settings. I am using the Highend theme if that makes any difference. But when the contact form is inserted into my page the input boxes don’t seem to be aligned with the input box titles and the submit button. The input boxes are indented just a little bit. I would like to align it all. Can you help me with this?

(I am also struggling to find a way to attach an image of the current contact box I have right now so you can see what it looks like. I cannot attach a link to the page because I have not published my site yet.)

Awesome plugin – thank you!!

I’ve searched the forum and see that this problem has surfaced here and there, but I can’t seem to resolve it.

It appears that the line end and paragraph codes are being stripped from textarea fields in outgoing HTML styled emails. From my knowledge of PHP coding, I know there’s a way of formatting/stripping undesirable HTML yet retaining basic codes (like EOL etc.).

I’ve tried various DOCTYPE versions (and also not including it) but they still get stripped.

Any ideas?

Adam.

Hi
I have read threads on text and text area sizing but copying the format does not seen to size the box.
viz Form
<label> date of event [text date size:15]</label> . <label> time [text time size:15]</label> . <label> Telephone [tel phone size:25 tel-407] </label>
& Mail
[date][time][phone]

SO – any ideas anyone?

TIA Mr Red

though permutations on that have been tried. Line feeds above generate line feeds in the result, but how do you get them on the same line? Sizing should do that.

With a date field it can put similar boxes on the same line, but the date field results in wildly differing actions in different browsers even reversing the date format (UK/World) in Safari 5 (No Mac tests!).

I want the form to occupy 2 columns for wide screens and a single column for mobile screens, so I used CSS grids to style the form. However the form is broken on mobile, all the fields get smashed together. I added a media query
@media (max-width: 767px) {
.wpcf7-form.cf7-style {
width: 100%!important;
}
}
specifically, the entire form is wrapped in <div class=”grid-cont”> and then the left column is further wrapped in <div class=”grid-item-1″> and the right column wrapped in <div class=”grid-item-2″>
The CSS is as follows:
div.grid-cont {display: grid;
grid-template-columns: 48% 48%;
grid-template-rows: auto;
grid-column-gap: 15px;
margin-top: 20px;}

div.grid-item-1 { grid-column: auto;
grid-row: auto;
}
div.grid-item-2 { grid-column: auto;
grid-row: auto;
}

Any help / suggestions on how to make the form 2 columns for desktop and single column for mobile?

On older websites, I have used “floats” to make 2 columns responsive, but I hate to think that I need to revert to this older method….
Thanks!

In the third section of mentioned website I am using a contact form 7 which is being styled by cf7 style plugin. By default it should have the ability to adjust its width according to row or column of drag and drop builder and button alignment must also be present but there’s no option to place button in center.
I adjuested these settings by setting margins and paddings and setting input width.
But Main Point is these settings aren’t suitable for mobile and vice versa. So anybody can help me with this ?

When I attempt to make any change to my contact page it will no matter what say update style. I cannot change anything. What is the deal? New update?

I’m trying to limit the size of a text field so it’s not the entire width of the screen using:
<label> Your Name [text* your-name size:40] </label>
The size:40 appears to be ignored. When I load the page with this form it displays Your Name field using the entire width of the browser.

I have other text and email fields with size:NN and none of them work. They all default to max width.

Using WP 5.2 with CF7 5.1.3

I have added this and implemented a style on the form I want. It says it is active, but nothing has changed: https://wkx.94c.myftpupload.com

Form is at the bottom of the page under Connect With Us