Blue

Thank you

Hey everyone,

I found a .css solution that removes the country code field, fixes the input box width to match the others, and edits the text padding to ensure it’s all the same. So, no need for Javascript, another plugin, etc. I can’t take credit, though, thank Chat GPT. However, I suppose I could take credit for a lot of different prompts before I got something that worked.

Here’s the .css:

/* 1) Completely hide the country code dropdown */
.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-flex .uagb-form-phone-country {
display: none !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

/* 2) Make the phone-flex container full width */
.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-flex {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

/* 3) Force the phone-field-wrap to fill the container */
.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-flex .uagb-forms-phone-field-wrap {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

/* 4) Style the phone input (full width + same padding/align as other fields) / .uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-flex .uagb-forms-input[type="tel"] { display: block !important; width: 100% !important; max-width: 100% !important; height: 48px !important; / Adjust to match your other fields' height / text-align: left !important; padding: 10px !important; / Adjust to match your other fields' padding */
box-sizing: border-box !important;
margin: 0 !important;
}

I used the above code in Appearance > Customizer > Additional CSS, but it could depend on your theme I suppose. After applying the .css, I tested the form submission and it works flawlessly. The phone field matches the other fields and the country input field is hidden.

I’d like to add this as a feature request as well.

Please add functionality that allows users to remove the country code input. It’s something that should be available in the Spectra plugin’s form feature and is available in other form plugins.

• This reply was modified 2 weeks, 6 days ago by Blue.

Hi Peter! I was curious if there was any progress on uncovering what the issue might be here. I’d like to use Wordfence, if possible.

Quick update. I had to deactivate Wordfence again because I was experiencing freezing pages in the WordPress editor. Whenever I would switch to a new tab in Chrome, the tab where I was editing my post would freeze.

This stopped happening when I deactivated Wordfence. Hope this extra context is helpful. Thank you!

Hi Peter,

I just reinstalled Wordfence and activated it. Also, I just sent the report via the diagnostics page.

Let me know what you find. Thanks!

Thank you for your help on this! I had to have a web developer take a look and they were able to find the root cause of the issues. It was due to a security plugin’s tables not reading properly, causing the 503s.

I’m reaching out to the plugin author (Wordfence) to get more info.

• This reply was modified 1 year, 2 months ago by Blue.

Got it. 

Yes, I’ve been looking over logs and see over 863 errors related to Astra, so I’m checking with them on that. I’ll post it below just for context:

• …public_html/wp-content/plugins/astra-addon/classes/library/image-processing-queue/includes/class-ipq-process.php on line 75PHP
  • Fatal error:  Uncaught Error: Call to undefined method WP_Image_Editor_Imagick::get_error_message()

Additionally, I saw a PHP extension enabled (mysqli), so I enabled nd_mysqli instead, based on information I’ve been reviewing. I’m unsure if that’s related; I’m honestly over my head. For some reason, though, that seems to have reduced the 503 errors considerably and I can actually make updates to posts and pages again.

Also, Site Health now displays this: 

• ?Median server response time was 897 milliseconds. It should be less than the recommended 600 milliseconds threshold. (improvement vs. my last message)
• There was 1 client caching response header detected: x-litespeed-cache.

—

Just sharing these updates here in case it’s helpful. Looks like LiteSpeed is working fine!

• This reply was modified 1 year, 2 months ago by Blue.

Got it, this stuff is way over my head. I’ll leave it set on auto then.

Thanks!

Hm..I tried disabling it but it didn’t seem to resolve the issue. Thanks for trying to help though, much appreciated.

Sure,

Here’s the URL: https://learningtreemarketing.com

If you scroll to the bottom of the main page, you’ll see a tiny comma symbol above the 5 black ellipses. It appears on each testimonial.

Thanks for the plugin tip for contact forms.

Bryan-

Jordy,

Thanks for the reply. It’s strange, but the fix was actually quite simple. I did a lot of trial and error…

– What actually fixed the problem was clicking “Update” on each and every post within the WordPress dashboard. The social media wasn’t fixed, but I’ve got other plans for that anyways.

– To fix the user generated sitemap, I just deleted it then re-generated it. Now it works, everything works, no more 404’s!

Bryan-